jQuery使用ajax访问后台数据并加载…

前台页面引用jQuery包

$(function(){  
  $("#userid").ready(function(){
    $.ajax({
     type:"POST",
     url:"pages/SubccnoToUserid.action?method=addUserid",
     data:{  
               subccno:$("#subccno").val()
                      },  
                      success: function(data){
                  data1=eval_r(data);
                        $("#userid").empty();
                        var head="请选择客户级别";
                        var ui="<optionvalue='"+''+"'>"+head+"</option>"
                        $("#userid").append(ui);
                        $.each(data.list,function(i,item){
                         var ui="<optionvalue='"+item+"'>"+item+"</option>"
                         $("#userid").append(ui);
                        })
                      }
     });
   });
  
 })

 

 <select id="userid"name="userid" style="width:80%;"></select> 

 

 

struts.xml中需要配置

<struts>
 
 <constant name="struts.devMode"value="true" /><!--开发模式，当value=true时候再修改该配置文件后不用重新部署即刻生效 -->

<package name="struts2.1" namespace="/pages"extends="json-default">
  

<action name="SubccnoToUserid"class="SubccnoToUseridAction"method="addUserid">
   <resulttype="json"></result>
  </action>

</package>
</struts>

然后在类SubccnoToUseridAction中需要添加一个addUserid()方法.

此处是为了实现页面加载时候便访问后台数据库，将数据库信息添加到页面的select的option选项下。