详细解读Jquery各Ajax函数,$.get(),$.post(),$.ajax(),$.getJSON()

来源:互联网 发布:项羽彭城之战 知乎 编辑:程序博客网 时间:2024/04/25 06:51
一,$.get(url,[data],[callback])

说明:url为请求地址,
      data为请求数据的列表,
      callback(data,status){}为请求成功后的回调函数,
      //该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。

二,$.post(url,[data],[callback],[type])

说明:这个函数跟$.get()参数差不多,多了一个type参数,type为请求 的数据类型,可以是html,xml,json等类型。
var url = "../json/default.jsp";
        var data = {
            GID : "WEApply",
            LoanMount : $('#loanMoney').val(),
            LoanTerm : $('#limitTime').val(),
            ApplyMan : $('#fullname').val(),
            ID : $('#idNum').val(),
            Mobile : $('#mobile').val(),
            VCode : $('#checkMsg').val(),
            MerchantNo :  $('#merchantCode').val()
        };
$.post(url, data, function(data) {
            if (data.issuccess) {
                //跳到签名认证页面
                localStorage.setItem("SerialNo",data.SerialNo);
                setTimeout("window.location.href='authorize.html'",2000);
            } else {
                localStorage.removeItem("SerialNo");
            }
        }, "JSON");

三,$.ajax(opiton)

说明:$.ajax()这个函数功能强大,可以对ajax进行许多精确的控制
code:
$.ajax({
            url:"../json/default.jsp",
            data:{
                GID : "WEApply",
                LoanMount : $('#loanMoney').val(),
                LoanTerm : $('#limitTime').val(),
                ApplyMan : $('#fullname').val(),
                ID : $('#idNum').val(),
                Mobile : $('#mobile').val(),
                VCode : $('#checkMsg').val(),
                MerchantNo :  $('#merchantCode').val()
            },
            type: "POST",
            dataType:'json',
            success:function(data){

            },
            error:function(er){
                BackErr(er);
            }
        });
0 0