javascript - 调试 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);
        }
    }