jQuery ajax 如何向后台传参数,并且接受参数遍历输出??

  jquery中ajax只需配置相应的参数即可传参到后台页面。

$.ajax({
        asynctrue,
        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>")
            }
        }

 

posted @ 2017-07-05 14:02  yinyanlei  阅读(7483)  评论(0编辑  收藏  举报