ajax回调函数接收,通过回调函数获取AJAX的responseText

项目需求：

我在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));//输出为正确的报文

}

};

}

我是一个水前端，简称水端....

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。