Ajax 요청은 200 OK를 반환하지만 성공 대신 오류 이벤트가 발생합니다.

내 웹 사이트에서 Ajax 요청을 구현했으며 웹 페이지에서 엔드 포인트를 호출하고 있습니다. 항상 200 OK 반환 하지만 jQuery 는 오류 이벤트를 실행합니다.
나는 많은 것을 시도했지만 문제를 파악할 수 없었다. 아래 코드를 추가하고 있습니다 :

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

에 대한 C # 코드 JqueryOpeartion.aspx

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

("Record deleted")성공적인 삭제 후 문자열이 필요합니다 . 내용을 삭제할 수 있지만이 메시지가 나타나지 않습니다. 이것이 맞습니까? 아니면 잘못된 일이 있습니까? 이 문제를 해결하는 올바른 방법은 무엇입니까?

jQuery.ajax지정된 dataType매개 변수 또는 Content-Type서버가 보낸 헤더 에 따라 응답 본문을 변환하려고 시도 합니다. 변환이 실패하면 (예 : JSON / XML이 유효하지 않은 경우) 오류 콜백이 시작됩니다.

AJAX 코드에는 다음이 포함됩니다.

dataType: "json"

이 경우 jQuery :

응답을 JSON으로 평가하고 JavaScript 객체를 반환합니다. […] JSON 데이터는 엄격한 방식으로 구문 분석됩니다. 잘못된 JSON이 거부되고 구문 분석 오류가 발생합니다. […] 빈 응답도 거부됩니다. 서버는 널 또는 {}의 응답을 대신 리턴해야합니다.

서버 측 코드는 200 OK상태 와 함께 HTML 스 니펫을 반환 합니다. jQuery는 유효한 JSON을 기대하고 있으므로에 대해 불평하는 오류 콜백을 발생시킵니다 parseerror.

해결책은 dataTypejQuery 코드에서 매개 변수 를 제거 하고 서버 측 코드를 반환하는 것입니다.

Content-Type: application/javascript

alert("Record Deleted");

그러나 JSON 응답을 반환하고 성공 콜백 내에 메시지를 표시하는 것이 좋습니다.

Content-Type: application/json

{"message": "Record deleted"}

여러 개의 공백으로 구분 된 dataType( jQuery 1.5+ ) 를 사용하면 행운이 있습니다. 에서처럼 :

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

AJAX 호출에서 dataType : "json" 을 제거하기 만하면됩니다 .

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

이것은 OP와 비슷한 내 문제에 대한 해결책을 찾을 때이 게시물에 부딪 혔기 때문에 기록에 불과합니다.

필자의 경우 Chrome의 동일한 출처 정책 으로 인해 jQuery Ajax 요청이 성공하지 못했습니다 . 서버 (Node.js)를 수정하면 모든 것이 해결되었습니다.

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

말 그대로 벽에 머리를 두드리는 데 1 시간이 걸렸습니다. 바보 같아 ...

aspx 페이지가 JSON 객체를 반환하지 않는다고 생각합니다. 귀하의 페이지는 이와 같은 작업을 수행해야합니다 (page_load)

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

Response.Write(OutPut);

또한 AjaxFailed를 변경하십시오.

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus 발생하는 오류 유형을 알려줘야합니다.

업데이트 된 jQuery 라이브러리 에서이 문제에 직면했습니다. 서비스 방법이 아무것도 반환하지 않으면 반환 유형이void 입니다.

그런 다음 Ajax 전화에서 언급하십시오. dataType='text' .

문제가 해결됩니다.

당신은 단지 제거해야 dataType: 'json'구현 된 웹 서비스 메소드가 void 인 경우 헤더에서 하면됩니다.

이 경우 Ajax 호출에는 JSON 반환 데이터 유형이 없을 것으로 예상됩니다.

다음 코드를 사용하여 응답이 JSON 형식 (PHP 버전)인지 확인하십시오.

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

나는 같은 문제가 있었다. 내 문제는 컨트롤러가 JSON 대신 상태 코드를 반환하는 것이 었습니다. 컨트롤러가 다음과 같은 것을 반환하는지 확인하십시오.

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

비슷한 문제가 있지만 'json'데이터 유형을 제거하려고 할 때 여전히 문제가 있습니다. 성공 대신 내 오류가 실행 중입니다.

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

나를 위해 엉망이 된 또 다른 것은 localhost127.0.0.1 대신 또는 그 반대로 사용하는 것이 었습니다 . 분명히 JavaScript는 한 요청에서 다른 요청을 처리 할 수 ​​없습니다.

이것을보십시오 . 그것도 비슷한 문제입니다. 내가 노력했다.

제거하지 마십시오 dataType: 'JSON',

참고 : PHP 에코 만 사용하는 경우 PHP 파일에서 JSON 형식 만 반향하십시오. 아약스 코드 반환 200

나는 같은 문제가 있었다. 내 JSON 응답에 특수 문자가 포함되어 있고 서버 파일이 UTF-8로 인코딩되지 않았기 때문에 Ajax 호출은 이것이 유효한 JSON 응답이 아닌 것으로 간주했습니다.

항상 서버에서 JSON을 반환하면 (빈 응답 없음) dataType: 'json'작동해야하며 contentType필요하지 않습니다. 그러나 JSON 출력을 확인하십시오 ...

• 유효합니다 ( JSONLint )
• 직렬화 됨 ( JSONMinify )

jQuery AJAX는 유효하지만 직렬화되지 않은 JSON에서 'parseerror'를 발생시킵니다!

스크립트는 JSON 데이터 형식의 반환을 요구합니다.

이 시도:

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

다음을 시도하십시오

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

또는

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

JSON 객체에서 작은 따옴표 대신 큰 따옴표를 사용하십시오. 이것이 문제를 해결할 것이라고 생각합니다.