标签：com image font 提示 val device 对象 事件 info
$.getJSON是jQuery请求get服务的一种方式，请求成功后返回json数据。
请求格式为：$.getJSON(url,data,function(result){...});
url：请求路径；
data：请求参数；
function函数：请求成功后执行的代码。
*$.getJSON请求分异步和同步两种方式，需要区分不同的使用场景！！！
1.$.getJSON异步请求（默认情况都是异步的）：
$.getJSON("http://localhost/WCFService/FOnwipRes.svc/GetDMDXDeviceList",
{"OrgId":118},
function(data){
var data = eval("(" + data + ")");
var DMDXData = eval("(" + data.Data + ")");
)};
但是，有时候这种方式并不可行~~
例如，在点击事件中，点击触发后发送请求，再把返回的数据进行处理。会出现请求未响应完成，后面的代码已经在对请求结果进行处理，出现对象未定义的异常。
代码演示：
弹出框使用的是layer.js来实现
//触发点击事件，弹出信息 function getDMDXInfo(e) { var DMDXDataNew = ""; //json返回数据
var DMDX =""; //需要弹出的内容
$.getJSON("http://localhost/WCFService/FOnwipRes.svc/GetMouldDMDXList", {"OrgId":118}, function(data){ var data = eval("(" + data + ")"); DMDXDataNew = eval("("+data.Data+")"); }); //此处省略一万行(╯﹏╰)~~~~~~~~~~~~~~~~~~~~~
//DMDXDataNew经过处理得到DMDX if(DMDX == ""){ layer.alert(‘没有数据‘,{ title:DeviceName }); }else{ layer.alert(DMDX,{ title:DeviceName }); } }
我们现在浏览器中访问接口，结果是有返回数据的，如下图：
点击执行效果如下：
接口明明是返回数据的，弹出框确提示没有，Why?
debug调试出现异常：data is not defined，这是因为ajax在请求服务还没有完成，又异步执行了下面的代码，而此时data还没有数据，故出现is not defined错误。
如何解决这种问题呢？我们只需要把异步请求改为同步请求~~
2.$getJSON同步请求
代码演示：
//触发点击事件，弹出信息 function getDMDXInfo(e) { var DMDXDataNew = ""; //json返回数据
var DMDX = ""； //需要弹出的内容
$.ajaxSettings.async = false; //设为同步请求 $.getJSON("http://localhost/WCFService/FOnwipRes.svc/GetMouldDMDXList", {"OrgId":118}, function(data){ var data = eval("(" + data + ")"); DMDXDataNew = eval("("+data.Data+")"); }); $.ajaxSettings.async = true; //设为异步请求
在ajax请求开始前将请求设为同步请求 $.ajaxSettings.async = false。
在ajax请求结束后不要忘了将请求设备异步请求，否则其他的ajax请求也都变成了同步请求 $.ajaxSettings.async = true。
点击执行效果如下：
debug调试有数据：
以上就是异步和同步ajax请求的区别，工作时需注意区分两种请求方式的使用场景。
写在最后~~
这是2020年的第一篇博客，现在时间2020.01.02 23:21，祝大家新年快乐~~新的一年里遇见更好的自己！ 晚安~
标签：com image font 提示 val device 对象 事件 info
原文地址：https://www.cnblogs.com/qianlang/p/12142760.html
