Yêu cầu gỡ lỗi AJAX

Question

Nhiều khi chúng tôi gặp sự cố khi làm việc trên javascript không đồng bộ. Chúng tôi không chắc chắn những gì yêu cầu được đăng và những gì respones thu được.

Cách gỡ lỗi các yêu cầu AJAX. Có cách nào dễ dàng để làm điều đó không.

Answer 1

Tôi khá chắc chắn rằng bạn có thể theo dõi từng yêu cầu nếu bạn instanciate một đối tượng mới cho mỗi cuộc gọi:

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

Answer 2

Cách đơn giản nhất để xem yêu cầu và phản ứng như sau:

1. mở trang web mà bạn muốn kiểm tra request và response trong chromw.
2. Nhấp vào F12 để mở rộng chrome.
3. Nhấp vào tab Mạng.
4. Tại đây bạn sẽ có thể xem tất cả yêu cầu và phản hồi. Bạn cũng sẽ có thể xem lượng thời gian được thực hiện theo từng yêu cầu.