Yêu cầu Ajax trả về 200 OK, nhưng một sự kiện lỗi được kích hoạt thay vì thành công

Tôi đã thực hiện một yêu cầu Ajax trên trang web của mình và tôi đang gọi điểm cuối từ một trang web. Nó luôn trả về 200 OK , nhưng jQuery thực thi sự kiện lỗi.
Tôi đã thử rất nhiều thứ, nhưng tôi không thể tìm ra vấn đề. Tôi đang thêm mã của tôi dưới đây:

Mã jQuery

var row = "1";
var json = "{'TwitterId':'" + row + "'}";
$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});
function AjaxSucceeded(result) {
    alert("hello");
    alert(result.d);
}
function AjaxFailed(result) {
    alert("hello1");
    alert(result.status + ' ' + result.statusText);
}

Mã C # cho JqueryOpeartion.aspx

protected void Page_Load(object sender, EventArgs e) {
    test();
}
private void test() {
    Response.Write("<script language='javascript'>alert('Record Deleted');</script>");
}

Tôi cần ("Record deleted")chuỗi sau khi xóa thành công. Tôi có thể xóa nội dung, nhưng tôi không nhận được tin nhắn này. Điều này đúng hay tôi đang làm gì sai? Cách chính xác để giải quyết vấn đề này là gì?

jQuery.ajaxcố gắng chuyển đổi phần thân phản hồi tùy thuộc vào dataTypetham số đã chỉ định hoặc Content-Typetiêu đề được gửi bởi máy chủ. Nếu chuyển đổi không thành công (ví dụ: nếu JSON / XML không hợp lệ), cuộc gọi lại lỗi sẽ bị hủy.

Mã AJAX của bạn chứa:

dataType: "json"

Trong trường hợp này jQuery:

Đánh giá phản hồi dưới dạng JSON và trả về một đối tượng JavaScript. [Vắc] Dữ liệu JSON được phân tích cú pháp một cách nghiêm ngặt; bất kỳ JSON không đúng định dạng nào đều bị từ chối và lỗi phân tích cú pháp được đưa ra. [V]] một phản hồi trống cũng bị từ chối; thay vào đó, máy chủ sẽ trả về phản hồi null hoặc {}.

Mã phía máy chủ của bạn trả về đoạn mã HTML có 200 OKtrạng thái. jQuery đã mong đợi JSON hợp lệ và do đó thực hiện lệnh gọi lại lỗi parseerror.

Giải pháp là xóa dataTypetham số khỏi mã jQuery của bạn và trả lại mã phía máy chủ:

Content-Type: application/javascript

alert("Record Deleted");

Nhưng tôi muốn đề nghị trả về một phản hồi JSON và hiển thị thông báo bên trong cuộc gọi lại thành công:

Content-Type: application/json

{"message": "Record deleted"}

Tôi đã có một số may mắn khi sử dụng nhiều dataTypes, phân tách không gian ( jQuery 1.5+ ). Như trong:

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'text json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Bạn chỉ cần xóa dataType: "json" trong cuộc gọi AJAX của bạn

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'json', //**** REMOVE THIS LINE ****//
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Đây chỉ là bản ghi vì tôi đã va vào bài đăng này khi tìm kiếm một giải pháp cho vấn đề của tôi tương tự như của OP.

Trong trường hợp của tôi, yêu cầu jQuery Ajax của tôi đã bị ngăn không thành công do chính sách cùng nguồn gốc trong Chrome. Tất cả đã được giải quyết khi tôi sửa đổi máy chủ của mình (Node.js) để làm:

response.writeHead(200,
          {
            "Content-Type": "application/json",
            "Access-Control-Allow-Origin": "http://localhost:8080"
        });

Nó thực sự khiến tôi mất một giờ đập đầu vào tường. Tôi cảm thấy ngu ngốc ...

Tôi cho rằng trang aspx của bạn không trả về một đối tượng JSON. Trang của bạn sẽ làm một cái gì đó như thế này (page_load)

var jSon = new JavaScriptSerializer();
var OutPut = jSon.Serialize(<your object>);

Response.Write(OutPut);

Ngoài ra, hãy thử thay đổi AjaxFails của bạn:

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus sẽ cung cấp cho bạn loại lỗi bạn đang nhận được.

Tôi đã đối mặt với vấn đề này với một thư viện jQuery được cập nhật. Nếu phương thức dịch vụ không trả về bất cứ điều gì thì có nghĩa là kiểu trả về là void.

Sau đó, trong cuộc gọi Ajax của bạn xin vui lòng đề cập dataType='text'.

Nó sẽ giải quyết vấn đề.

Bạn chỉ cần xóa dataType: 'json'khỏi tiêu đề nếu phương thức dịch vụ Web đã triển khai của bạn bị vô hiệu.

Trong trường hợp này, lệnh gọi Ajax không mong muốn có kiểu dữ liệu trả về JSON.

Sử dụng mã sau đây để đảm bảo phản hồi ở định dạng JSON (phiên bản PHP) ...

header('Content-Type: application/json');
echo json_encode($return_vars);
exit;

Tôi gặp vấn đề tương tự. Vấn đề của tôi là bộ điều khiển của tôi đã trả về mã trạng thái thay vì JSON. Đảm bảo rằng bộ điều khiển của bạn trả về một cái gì đó như:

public JsonResult ActionName(){
   // Your code
   return Json(new { });
}

Tôi có vấn đề tương tự nhưng khi tôi cố gắng loại bỏ kiểu dữ liệu: 'json' tôi vẫn gặp vấn đề. Lỗi của tôi là thực thi thay vì thành công

function cmd(){
    var data = JSON.stringify(display1());
    $.ajax({
        type: 'POST',
        url: '/cmd',
        contentType:'application/json; charset=utf-8',
        //dataType:"json",
        data: data,
        success: function(res){
                  console.log('Success in running run_id ajax')
                  //$.ajax({
                   //   type: "GET",
                   //   url: "/runid",
                   //   contentType:"application/json; charset=utf-8",
                   //   dataType:"json",
                   //   data: data,
                   //  success:function display_runid(){}
                  // });
        },
        error: function(req, err){ console.log('my message: ' + err); }
    });
}

Một điều khác làm tôi rối tung mọi thứ là sử dụng localhostthay vì 127.0.0.1 hoặc ngược lại. Rõ ràng, JavaScript không thể xử lý các yêu cầu từ cái này sang cái khác.

Xem này . Vấn đề của nó cũng tương tự. Làm việc tôi đã cố gắng.

Đừng xóa dataType: 'JSON',

Lưu ý: echo chỉ JSON Formate trong tệp PHP nếu bạn chỉ sử dụng php echo mã ajax của bạn trả về 200

Tôi đã từng gặp vấn đề tương tự. Đó là do phản hồi JSON của tôi chứa một số ký tự đặc biệt và tệp máy chủ không được mã hóa bằng UTF-8, vì vậy lệnh gọi Ajax cho rằng đây không phải là phản hồi JSON hợp lệ.

Nếu bạn luôn trả về JSON từ máy chủ (không có phản hồi trống), dataType: 'json'sẽ hoạt động và contentTypekhông cần thiết. Tuy nhiên, hãy đảm bảo đầu ra JSON ...

• là hợp lệ ( JSONLint )
• được tuần tự hóa ( JSONMinify )

jQuery AJAX sẽ đưa ra một 'parseerror' trên JSON hợp lệ nhưng chưa được xác thực!

Kịch bản của bạn yêu cầu trả về kiểu dữ liệu JSON.

Thử cái này:

private string test() {
  JavaScriptSerializer js = new JavaScriptSerializer();
 return js.Serialize("hello world");
}

Hãy thử làm theo

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: { "Operation" : "DeleteRow", 
            "TwitterId" : 1 },
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

HOẶC LÀ

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow&TwitterId=1',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Sử dụng dấu ngoặc kép thay vì dấu ngoặc đơn trong đối tượng JSON. Tôi nghĩ rằng điều này sẽ giải quyết vấn đề.