Làm cách nào để gỡ lỗi yêu cầu jQuery Ajax?

Question

Mã của tôi là:

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      test = "it's working"; 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 
alert(test); 

Tôi đã thử nghiệm mã trạng thái và nó xuất hiện để 200 và hàm lỗi không bao giờ đi tắt, nhưng cũng như thế với chức năng thành công. Như tôi đã nói trong bình luận của tôi, nó không phải là lỗi chính sách gốc. Nó chỉ nói rằng "nó không hoạt động". Những gì đang xảy ra ở đây?

Answer 1

Cuộc gọi ajax của bạn không đồng bộ. Nó chưa hoàn thành khi cảnh báo của bạn ở cuối chạy. Đặt một cảnh báo thực tế trong chức năng thành công và bạn sẽ thấy kết quả của bạn ở đó.

Hãy nhớ rằng thực hiện cuộc gọi ajax chỉ bắt đầu cuộc gọi ajax không đồng bộ và sau đó phần còn lại của mã của bạn tiếp tục chạy. Trong ví dụ mã bạn đã đăng, điều đó có nghĩa là cuộc gọi alert(test) của bạn chạy ngay trước khi cuộc gọi ajax hoàn tất.

Bạn CHỈ có thể kiểm tra kết quả của cuộc gọi ajax từ bên trong trình xử lý thành công.

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      alert("it's working"); // put this here and you will see it 
            // if the ajax call is successful 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

Answer 2

Bạn có thể làm cho nó như

var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      alert("it's working"); 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

này sẽ làm việc ....

Answer 3

Move rằng alert (thử nghiệm) từ cuối vào chức năng thành công của các cuộc gọi ajax. Nếu cảnh báo có nghĩa là mã đang hoạt động thì không. bạn chỉ có thể gỡ lỗi cuộc gọi ajax trên sự trở lại thành công của nó.

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      test = "it's working"; 
      alert(test); //It will alert when you ajax call returns successfully. 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

Hy vọng điều này sẽ hữu ích.

Answer 4

Để gỡ lỗi các loại sự vật này, tôi find Firebug một công cụ không thể thiếu. Nó sẽ cho bạn thấy chính xác phản hồi từ máy chủ (lỗi 500, lỗi 553, bạn có gì). Bạn có thể đặt điểm ngắt trong mã Javascript của mình và gỡ lỗi từng bước một. Firebug hoạt động trên Firefox.

Đối với IE, bạn có thể sử dụng tính năng Công cụ dành cho nhà phát triển tương tự như Firebug, đặc biệt trên IE9 có vẻ trưởng thành hơn các phiên bản trước của Công cụ dành cho nhà phát triển cho IE7 hoặc IE8.

Answer 5

Hãy thử điều này:

error: function(jqXHR, textStatus, errorThrown) { 
     console.log(JSON.stringify(jqXHR)); 
     console.log("AJAX error: " + textStatus + ' : ' + errorThrown); 
}