调试AJAX请求

Question

很多时候我们在处理异步javascript时遇到问题.我们不确定发布了什么请求以及获得了什么响应.

如何调试AJAX请求.有没有一种简单的方法可以做到这一点.

Answer 1

查看请求和响应的最简单方法如下:

1. 打开要在chromw中检查请求和响应的网站.
2. 单击F12以进行铬扩展.
3. 单击"网络"选项卡.
4. 在这里,您将能够看到所有请求和响应.您还可以查看每个请求所花费的时间.

Answer 2

我很确定如果您为每个调用实例化一个新对象，您可以跟踪每个请求：

var oXhr;

    oXhr = new XMLHttpRequest();
    oXhr.id = (new Date()).getTime(); /* just an example. It might be flawed if you process requests more than once per ms */

    oXhr.onreadystatechange = function() {
        if (oXhr.readyState == 4 && (oXhr.status == 200)) {
            //do your stuff here
            console.log(this.id);
        }
    }