Ajax请求返回200 OK，但是会引发错误事件，而不是成功

问题描述

|| 我已经在我的网站上实现了Ajax请求，并且正在从网页调用端点。它总是返回200 OK，但是jQuery执行error事件。我尝试了很多事情，但无法弄清问题所在。我在下面添加我的代码： 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);
}

＃1ѭ的C＃代码

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是   拒绝并引发解析错误。 […]空的回应也是   拒绝;服务器应返回null或{}的响应。 您的服务器端代码返回状态为“ 8”的HTML代码段。 jQuery期望使用有效的JSON，因此会引发错误回调，提示“ѭ9”。 解决方案是从jQuery代码中删除remove5ѭ参数，并使服务器端代码返回：

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\',dataType: \'json\',//**** REMOVE THIS LINE ****//
    cache: false,error: AjaxFailed
});

    ,        这只是出于记录目的，因为我在寻找类似于OP的问题的解决方案时碰到了这篇文章。 就我而言，由于Chrome中的同源策略，我的jQuery Ajax请求被阻止了。当我修改服务器（Node.js）来解决所有问题时：

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

从字面上看，我花了一个小时将我的头撞在墙上。我很蠢...     ,        我认为您的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\'

。 它将解决问题。     ,        如果您实现的Web服务方法无效，则只需从标题中除去“ 22”。 在这种情况下，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); }
    });
}

    ,        令我感到困惑的另一件事是使用

localhost

而不是127.0.0.1，反之亦然。显然，JavaScript无法处理彼此之间的请求。     ,        看到这个。它也有类似的问题。我试过的工作。 不要删除

dataType: \'JSON\',

注意：如果仅使用php，则仅在PHP文件中回显JSON Formate。echo ajax code return 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\',data: { \"Operation\" : \"DeleteRow\",\"TwitterId\" : 1 },error: AjaxFailed
});

要么

$.ajax({
    type: \'POST\',url: \'Jqueryoperation.aspx?Operation=DeleteRow&TwitterId=1\',error: AjaxFailed
});

在JSON对象中使用双引号而不是单引号。我认为这将解决问题。