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>")
                }
            }
  • 相关阅读:
    python常用字符串处理(转)
    Python读写文件基础.py
    Python异常和调试.md
    Python类的进阶.md
    Python模块和类.md
    python函数基础:调用内置函数&定义函数
    Spring.Net学习笔记(二)-数据访问器
    Spring.Net学习笔记(1)-容器的使用
    Spring.Net学习笔记(0)-错误汇总
    VS中设置xml智能提示
  • 原文地址:https://www.cnblogs.com/bekeyuan123/p/7120975.html
Copyright © 2011-2022 走看看