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>") } }