zoukankan      html  css  js  c++  java
  • 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>")
                }
            }
  • 相关阅读:
    猜数字游戏(补)
    团队项目五(项目回顾)
    项目回顾
    第二次阶段冲刺
    团队项目(任务三):第一次冲刺
    个人项目(一):新猜数字
    课后作业(一)
    团队任务二
    团队任务(一)
    课后作业(一)
  • 原文地址:https://www.cnblogs.com/bekeyuan123/p/7120975.html
Copyright © 2011-2022 走看看