jQuery ajax callback không bao giờ gọi

Question

javascript mã, sử dụng jQuery 1.7:

$(function() { 
    $.get('/ajax_dummy', function() { alert('foo'); }) 
}); 

Với Firebug Tôi có thể thấy rằng các yêu cầu HTTP GET được gửi và một "hello world" phản ứng với mã 200 được trả về, vì vậy tất cả mọi thứ dường như khỏe. Nhưng gọi lại không bao giờ được gọi.

Tôi không biết có gì sai; điều này nên đơn giản như vậy, phải không?

Answer 1

Bạn không cung cấp dataType để jQuery thực hiện "phỏng đoán thông minh" về loại nội dung từ phản hồi tiêu đề Content-Type mà bạn đã nói là application/json.

Vì vậy, jQuery xử lý phản hồi dưới dạng JSON có nghĩa là nó sẽ cố gắng tự động phân tích cú pháp như vậy, gây ra lỗi.

Do yêu cầu gây ra một lỗi

$.parseJSON("hello world"); 
"Invalid JSON: hello world" 

gọi lại thành công sẽ không rõ ràng bị sa thải.

Answer 2

thêm đánh dấu

<div id="error"></div> 

này sau đó thêm xử lý này để bắt lỗi AJAX

$("#error").ajaxError(function(event, request, settings){ 
    $(this).append("<li>Error requesting page " + settings.url + "</li>"); 
}); 

Ngoài ra, bạn có thể viết lại mã ban đầu của bạn như thế này

$.get('/ajax_dummy', function() { 
    alert('foo'); 
}).error(function() { 
    // catch error 
}); 

Answer 3

này cung cấp cho một rip :

$.ajax("/ajax_dummy", { 
    dataType: "text", 
    success: function() { 
     console.log("winning."); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log(textStatus); //error logging 
    } 
}); 

Answer 4

Điều này là do theo tài liệu của $ .get() Cú pháp nên được như thế xin lưu ý "thành công" tùy chọn này

jQuery.get(url [, data] [, success(data, textStatus, jqXHR)] [, dataType]) 

gọi lại. một cuộc gọi lại thành công được gọi khi yêu cầu thành công dựa trên mã trạng thái (200). nhưng url của bạn có thể không phải là đường dẫn hợp lệ hoặc trả về một số mã trạng thái khác (404) có nghĩa là "không tìm thấy tệp" và do đó xảy ra lỗi. vì vậy phương pháp thành công không bao giờ được gọi.

cũng không có gọi lại "lỗi" được xác định bằng cú pháp của bạn. kiểm tra mã hoàn chỉnh sau đây

$.get("/ajax_dummy", function() { alert('foo'); }) 
    .error(function(d,e) { alert(e); }) 
    .complete(function() { alert("complete"); });