jQuery ajax 如何向后台传参数,并且接受参数遍历输出??
jquery中ajax只需配置相应的参数即可传参到后台页面。
$.ajax({ async:true, type: "get",//数据发送的方式(post 或者 get) url: "/admin/index",//要发送的后台地址 // data: {val1:"1",val2:"2"},//要发送的数据(参数)格式为{'val1':"1","val2":"2"} dataType: "json",//后台处理后返回的数据格式 success: function (data) {//ajax请求成功后触发的方法 var arr = eval("("+data+")"); for(var i = 0;i<arr.result.length;i++){ $(".xianshi").append(arr.result[i].sname+":"+arr.result[i].sprice+":"+arr.result[i].cou+"<br>") } }, error: function (msg) {//ajax请求失败后触发的方法 alert(msg);//弹出错误信息 } });
后台接受数据并返回:
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf-8"); MethodDal md = new MethodDal(); ArrayList<Shopping> arr = md.getAll(); JSONObject jobj = new JSONObject();-------需要导包fastjson jobj.put("success", arr==null?false:true); jobj.put("result", arr); response.getWriter().append(jobj.toJSONString()); }
回调函数接受参数:
success:function(data){ var arr = eval("("+data+")"); for(var i = 0;i<arr.result.length;i++){ $(".xianshi").append(arr.result[i].sname+":"+arr.result[i].sprice+":"+arr.result[i].cou+"<br>") } }