调试AJAX请求

时间:2013-06-06 19:49:42

标签: javascript ajax debugging

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

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

2 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:1)

如果你为每次调用实例化一个新对象,我很确定你可以跟踪每个请求:

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);
        }
    }