Question

Javascript ajax 异步传输问题

Javascript ajax 异步传输问题
action()
{
action_a(); \\ 这里只运行ajax 发送到后台 获取传回的值

action_b(); \\这里执行一些普通javascript
}
我是想action_a执行完后获取返回的值再来执行action_b ， 可能执行ajax后台操作数据库的执行时间长原因 ， 造成action_a未返回值就执行了action_b。 该怎么解决？

Answer 1

用Ajax一般会绑定回调函数callback()，在函数里获得从服务器或数据库取得的值，然后再调用action_b，就可以保证 b在a之后执行了。
//创建代理对象
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp == undefined || xmlHttp == null) {
alert("当前浏览器不支持XMLHttpRequest");
return;
}
}
//创建回调函数
function callback() {
//判断通讯是否结束

if (xmlHttp.readyState == 4) {
//判断返回信息是否正确
if (xmlHttp.status == 200) {
//获得服务器返回信息
/*
action_b();
*/
}
}
}
}
//主函数，Ajax入口
function f() {
createXMLHttpRequest();

//注册回调方法
xmlHttp.onreadystatechange = callback2;

//设置和服务器的通讯
var url="CheckNickName?name="+name;

xmlHttp.open("POST", url, true);
//发送通讯
xmlHttp.send(null);
}

追问

我描述的有点问题 ，其实是 b调用的a ， a是在b里面执行的 。 这样的话，怎么解决呢？

追答

不是一样，Ajax都有一个入口函数，就是上面的f(),在action_里调用f()（相当于你的a）就可以了

Answer 2

不知道此ajax是否进行过封装，如果进行过封装，可以参考下设置同步异步的属性

如果不是进行了封装，请参考下ajax设置同步和异步

第二种方式是，ajax有回调方法的，将action_b放到回调方法中就可以了，
回调方法就是执行完ajax请求后，才会执行的方法。

追问

其实我的action_a 是在 action_b
里边执行的，而且是必须的， 那怎么样设置ajax同步呢？

追答

objXMLReq.open("POST", strURL, isAsynchronism);
objXMLReq.send(parameter);

上面代码片段是ajax基础中的代码，其中open方法中定义了请求方式为post，然后是请求路径，最后一个参数是同步和异步，对应值是true 和false。
如果使用其他ajax框架的话，请查找下对应的帮助文档吧。

Answer 3

这里说下同步和异步代码上的区别，同步时一个过程，就是下一行的代码需要上一行代码执行完毕才会执行，异步就是不管异步部分的代码是否返回了或者是否中断了，下一行的代码同样会执行

Answer 4

将action_b放在action_b返回success处理的callback中，等success处理完再调用

追问

额。。 其实我的action_a 是在 action_b
里边执行的 ， 这样改怎么解决？

追答

你的action_b不是在action_a后面执行的吗？？ 有代码吗？

追问

action_b 调用action_a 把b中的参数传回后台处理 然后回传给b 所以在执行 ajax前后都少不了 执行action_b的

追答

那就将b里面在a之后的处理语句放到a的callback中去。。

追问

哎， 对哦 怎么没想到呢。 短路了