一个方法中有两（多）个异步ajax请求时出现canceled状态

描述

在XHR中可以看到同一个方法中的异步请求状态为canceled。

之后发现，有时候debug可以让某个请求进入到控制层，没有debug时全看运气。

总之，状态一直都是canceled，但有可能某个请求可以执行成功。

原因

form和button有冲突

参考：https://blog.csdn.net/u010855333/article/details/60766096

这个没试，因为我提交的不是表单，而且也没有解决我的问题。

解决

（1）Ajax2()方法的执行放到Ajax1()的success回调函数的最后一行。

（2）Ajax1()的异步请求方法中，增加一个回调函数 -- complete : Ajax2

（3）把Ajax1()的异步设为同步 -- async : false

总结

从异步请求的执行原理来看，我们知道当一个异步请求发送时，浏览器不会处于锁死、等待的状态，从一个异步请求发送到获取响应结果的期间，浏览器还可以进行其它的操作。这就意味着多个异步请求的执行时并行的。
两个ajax异步请求冲突，因为异步问题，比如在onload方法中调用两个ajax异步，其实相当于同时发送两个请求。执行的快与慢，要看响应的数据量的大小及后台逻辑的复杂程度。

总之，不要让这两个异步请求同时发生就可以。