ajax与jquery的使用

来源：互联网发布：c语言如何调用opencv 编辑：程序博客网时间：2024/05/22 01:39

前台
$(function(){
$("#yearId").change(function(){
$.ajax({
       url:'${base}/qiye/sqtj!getDate.action', //后台action
         type:'post',
       dataType:'json', //返回类型是json
       data:{applyYear:$("select[name='yearId']").val()} ,    //data:'demo1='+s+'&files='+$('.newMember').val()
          error: function(){
            alert('error');
          },
          success:function(arr){
            $("select[name='month']").empty();
            $("<option value=''>  ---申报期---</option>").appendTo("select[name='month']");
            for(var i=0;i<arr.length;i++){
       if(arr[i].applyName == '${month?if_exists}'){
                   $("select[name='month']").append("<option value='"+arr[i].applyName+"' selected>"+arr[i].applyName+"</option>");
                }else{
                   $("select[name='month']").append("<option value='"+arr[i].applyName+"'>"+arr[i].applyName+"</option>");
                }
      }
            }
      });
})
})

后台1.
List<GrowthApplyTimeSet> growthApplyTimeSetList =applyInfoService.selectApplyName(applyYear);// ser.//; service 层
  JSONObject jsonObject = new JSONObject();
  jsonObject.put("json", growthApplyTimeSetList);
  String jsonString = jsonObject.getString("json");
  HttpServletResponse response = (HttpServletResponse)ActionContext.getContext().get(ServletActionContext.HTTP_RESPONSE);
  response.setHeader("content-type", "textml;charset=utf-8");
  response.getWriter().println(jsonString);
  return null;
2.前台
function show(result){
    //测试result是否从服务器端返回给客户
    //alert(result);
    //解析json对象
    var json = eval("("+result+")");
   // alert("json eval:" + json);
    // var obj = "编号: "+json.id+" 用户名: "+json.username+" 密码: "+json.pwd;
    // alert("json:" + json[0].truename);
    // $("#result").html(obj);
    $("#currentemps").empty();
    $("#otheremps").empty();
    // alert(json[0].length + " - " + json[1].length);
    $("#currentemps").empty();
    for($i=0; $i<json[0].length;$i++){

    $("#currentemps").append('<option value="' + json[0][$i].id +'" selected>'+ json[0][$i].truename +'</option>');

    }

    for($i=0; $i<json[1].length;$i++){

    $("#otheremps").append('<option value="' + json[1][$i].id +'">'+ json[1][$i].truename +'</option>');
    }

}
后台
public String jsonGetEmps() throws Exception {
  // 获取该主管下所有员工信息
  List<User> currentEmps =userDAOIMPL.queryEmpForManager(managerid);
  JSONArray jsonArray1 = JSONArray.fromObject(currentEmps);
  System.out.println("--该主管下所有员工信息:" + jsonArray1);
  // 获取不属于该主管下所有员工信息
  List<User> otherEmps =userDAOIMPL.queryEmpNotForManager(managerid);
  JSONArray jsonArray2 =JSONArray.fromObject(otherEmps);
  // 合并上面两个数组
  JSONArray jsonArray = new JSONArray();
  jsonArray.add(jsonArray1);
  jsonArray.add(jsonArray2);
  System.out.println("合并上面两个数组" + jsonArray);
  // 以json的格式返回
  result = jsonArray.toString();

System.out.println(result);
return SUCCESS;
}

ajax js
function go(id){
        var timestamp=new Date().getTime()
        var xmlhttp;
  if (window.XMLHttpRequest){
   // code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }else{
   // code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function(){
   if (xmlhttp.readyState==4 && xmlhttp.status==200){

       document.getElementById("in_"+id).innerHTML = xmlhttp.responseText;
      }
  }
  xmlhttp.open("GET","${base}/getcheckedindustry.action?id="+id+"&timestamp="+timestamp,true);

  xmlhttp.send();
}

<span id="in_${record.org_id}"></span>
<script>
go('${record.org_id}');
</script>

//叶倩

SysUser u=this.getUser();
  HttpServletResponse response=ServletActionContext.getResponse();
  PrintWriter out=response.getWriter();
  OmpService ompService=serviceProcessService.getOmpServiceName(serviceId, u);
  String serviceName=ompService.getServiceName();
  Map map=new HashMap();
  map.put("serviceName", serviceName);
  JSONArray json=JSONArray.fromObject(map);
  out.print(json.toString());

0 0