jQuery中$.ajax()和$.getJson()同步处理详解

一、前言

为什么需要用到同步，因为有时候我们给一个提交按钮注册提交表单数据的时候，在提交动作之前会进行一系列的异步ajax请求操作，但是页面js代码会按顺序从上往下面执行，如果你在这过程中进行了异步操作，那么获取不到当前异步操作返回的结果，js会继续执行下一条语句，所以我们需要同步操作请求获取后台返回数据结果后，判断结果是否符合再执行js下一条语句。

二、$.ajax()参数解释

url: 发送请求的地址。

type: 请求方式（post或get）默认为get。

timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。

async：默认设置为true，所有请求均为异步请求。同步请求，设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。-----这个是同步操作最重要的设置因素

cache：默认为true,如果浏览器有缓存就会获取浏览器的缓存数据，设置false怎么不会获取缓存数据

data: 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格

      式。get请求中将附加在url后。防止这种自动转换，可以查看processData选项。对象必须为key/value格

      式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组，JQuery将自动为不同

      值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

dataType: 要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime

          信息返回response

          可用的类型如下：

          html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。

          script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。

          json：返回JSON数据。

          jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个 “?”为正确的函数名，以执行回调函数。

          text：返回纯文本字符串。

 beforeSend：要求为Function类型的参数，发送请求前可以修改ajax请求。

            function(               this;   //调用本次ajax请求时传递的options参数

2、$.getJson()

//点击新增按钮,新增数据   $("#btnAdd").click(function () {    var bool = true;//存储异步请求结果是否通过    //1、验证优惠额度正确性    var index = parseInt($("#intGiftMold").val());    if (index == 1) {     //满减     var reg = /^[0-9]+,[0-9]+$/;     if (!reg.test($("#strDiscounts").val())) {      $.messager.alert('错误提示', '满减优惠额度格式不正确', 'error');      return false;     }    }    else if (index == 2) {     var reg = /^0\.[0-9]+$/;     if (!reg.test($("#strDiscounts").val())) {      $.messager.alert('错误提示', '折扣优惠额度格式不正确', 'error');      return false;     }    }    else if (index == 3) {     var reg = /^[1-9]+[0-9]$/;     if (!reg.test($("#strDiscounts").val())) {      $.messager.alert('错误提示', '指定金额优惠额度格式不正确', 'error');      return false;     }    }    //2、验证优惠范围正确性    var index = parseInt($("#intGiftRange").val());    if (index == 1) { //选择全站    }    else if (index == 3) { //判断商品ID     $.ajaxSettings.async = false; //设置getJson同步     $.getJSON("Gift_Add.aspx", { "method": "isExistInfoTitle", "intInfoID": $("#intInfoID").val() }, function (data) {      if (data.result == "false") {       $.messager.alert('错误提示', '商品ID不存在', 'error');       bool = false;       $("#isExistInfoTitle").css({ "display": "" });      }      else {       $("#isExistInfoTitle").css({ "display": "none" });       bool = true;      }     });     $.ajaxSettings.async = true;//设置getJson异步    }     });    }    if (bool == false) {//如果bool为false才返回，true继续往下走     return false; //不能在异步方法里面return，不起作用    }    var validate = $("#form").form("validate");    if (!validate) {//表单验证不通过     return false;    }    //当上面全部验证通过了执行新增操作    $.messager.confirm('温馨提示', '是否确认添加', function (r) {     if (r) {      $.post("Gift_Add.aspx?method=addGift", $("#form").serialize(), function (data) {       $.messager.alert('成功提示', '添加成功', 'info');      });     }    });   });

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：jQuery中$.ajax()和$.getJson()同步处理详解

关键词：JS