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="<option value='"+''+"'>"+head+"</option>"
                         $("#userid").append(ui);
                         $.each(data.list,function(i,item){
                          var ui="<option value='"+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">
   <result type="json"></result>
  </action>

</package>
</struts>

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

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