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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM