项目需求:
我在url1中解析responseText,获得jsonObj,判断里面data[0]==1,如果成立,那么要去URL2里去拿另一个数据。然后对数据进行处理。
var xhr = getXhr(); xhr.open("get",url1); xhr.send(null); xhr.onreadystatechange = function () { if (xhr.status == 200 && xhr.readyState == 4) { var jsonObj = JSON.parse(xhr.responseText); if(jsonObj.data[0]==1){ var aa=getOther();//另一个AJAX请求。 console.log(aa); } } } }
但是,另一个AJAX请求返回不了responseText。
function getOther(){ var chapterXhr = getXhr(),data; chapterXhr.open("get",url2,true); chapterXhr.send(null); chapterXhr.onreadystatechange = function () { if (chapterXhr.status == 200 && chapterXhr.readyState == 4) { data=JSON.parse(chapterXhr.responseText); } }; return data;//返回打印是undefined }
之前用的办法是定义一个参数STR,外围还有一个函数包裹着这两个函数的函数,通过定义参数的方式,操作responseText值。
function getOther(str) { if (str != undefined) { str = ''; } var chapterXhr = getXhr(),data; chapterXhr.open("get",true); chapterXhr.send(null); chapterXhr.onreadystatechange = function () { if (chapterXhr.status == 200 && chapterXhr.readyState == 4) { str =JSON.parse(chapterXhr.responseText); } }; } } };
但是新的需求这样不能做。所有学习了个新技能。
var xhr = getXhr(); xhr.open("get",url1); xhr.send(null); xhr.onreadystatechange = function () { if (xhr.status == 200 && xhr.readyState == 4) { var jsonObj = JSON.parse(xhr.responseText); if(jsonObj.data[0]==1){ otherAJAX(function(data){ console.log(data); }); } } } } function otherAJAX(callback){ var chapterXhr = getXhr(); chapterXhr.open("get",url2); chapterXhr.send(null); chapterXhr.onreadystatechange = function () { if (chapterXhr.status == 200 && chapterXhr.readyState == 4) { callback(JSON.parse(chapterXhr.responseText));//输出为正确的报文 } }; }
我是一个水前端,简称水端....
原文链接:https://www.f2er.com/ajax/161810.html