Ajax-Anforderung gibt 200 OK zurück, aber ein Fehlerereignis wird anstelle des Erfolgs ausgelöst

Ich habe eine Ajax-Anfrage auf meiner Website implementiert und rufe den Endpunkt von einer Webseite aus auf. Es wird immer 200 OK zurückgegeben , aber jQuery führt das Fehlerereignis aus.
Ich habe viele Dinge ausprobiert, aber ich konnte das Problem nicht herausfinden. Ich füge meinen Code unten hinzu:

jQuery-Code

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 # -Code für JqueryOpeartion.aspx

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

Ich brauche die ("Record deleted")Zeichenfolge nach erfolgreichem Löschen. Ich kann den Inhalt löschen, erhalte diese Meldung jedoch nicht. Ist das richtig oder mache ich etwas falsch? Was ist der richtige Weg, um dieses Problem zu lösen?

jQuery.ajaxversucht, den Antworttext abhängig vom angegebenen dataTypeParameter oder dem Content-Typevom Server gesendeten Header zu konvertieren . Wenn die Konvertierung fehlschlägt (z. B. wenn JSON / XML ungültig ist), wird der Fehlerrückruf ausgelöst.

Ihr AJAX-Code enthält:

dataType: "json"

In diesem Fall jQuery:

Wertet die Antwort als JSON aus und gibt ein JavaScript-Objekt zurück. […] Die JSON-Daten werden streng analysiert. Jeder fehlerhafte JSON wird zurückgewiesen und ein Analysefehler wird ausgelöst. […] Eine leere Antwort wird ebenfalls abgelehnt. Der Server sollte stattdessen eine Antwort von null oder {} zurückgeben.

Ihr serverseitiger Code gibt ein HTML-Snippet mit 200 OKStatus zurück. jQuery erwartete einen gültigen JSON und löst daher den Fehler-Rückruf aus, über den er sich beschwert parseerror.

Die Lösung besteht darin, den dataTypeParameter aus Ihrem jQuery-Code zu entfernen und den serverseitigen Code zurückzugeben:

Content-Type: application/javascript

alert("Record Deleted");

Ich würde jedoch eher vorschlagen, eine JSON-Antwort zurückzugeben und die Nachricht im Erfolgsrückruf anzuzeigen:

Content-Type: application/json

{"message": "Record deleted"}

Ich hatte etwas Glück mit der Verwendung mehrerer durch Leerzeichen getrennter dataTypes ( jQuery 1.5+ ). Wie in:

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

Sie müssen lediglich den Datentyp "json" in Ihrem AJAX-Aufruf entfernen

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

Dies ist nur zur Veranschaulichung, da ich auf diesen Beitrag gestoßen bin, als ich nach einer Lösung für mein Problem gesucht habe, die den OPs ähnlich war.

In meinem Fall wurde der Erfolg meiner jQuery Ajax-Anforderung aufgrund der Richtlinie mit demselben Ursprung in Chrome verhindert. Alles wurde behoben, als ich meinen Server (Node.js) geändert habe, um Folgendes zu tun:

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

Es hat mich buchstäblich eine Stunde gekostet, meinen Kopf gegen die Wand zu schlagen. Ich fühle mich dumm ...

Ich gehe davon aus, dass Ihre Aspx-Seite kein JSON-Objekt zurückgibt. Ihre Seite sollte ungefähr so ​​aussehen (page_load)

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

Response.Write(OutPut);

Versuchen Sie auch, Ihr AjaxFailed zu ändern:

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus sollte Ihnen die Art des Fehlers geben, den Sie erhalten.

Ich habe dieses Problem mit einer aktualisierten jQuery-Bibliothek konfrontiert. Wenn die Servicemethode nichts zurückgibt, bedeutet dies, dass der Rückgabetyp lautet void.

Dann erwähnen Sie bitte in Ihrem Ajax-Anruf dataType='text'.

Es wird das Problem lösen.

Sie müssen nur dataType: 'json'aus Ihrem Header entfernen, wenn Ihre implementierte Webdienstmethode ungültig ist.

In diesem Fall erwartet der Ajax-Aufruf keinen JSON-Rückgabedatentyp.

Verwenden Sie den folgenden Code, um sicherzustellen, dass die Antwort im JSON-Format (PHP-Version) vorliegt ...

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

Ich hatte das gleiche Problem. Mein Problem war, dass mein Controller anstelle von JSON einen Statuscode zurückgab. Stellen Sie sicher, dass Ihr Controller Folgendes zurückgibt:

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

Ich habe das ähnliche Problem, aber als ich versuchte, den Datentyp 'json' zu entfernen, habe ich immer noch das Problem. Mein Fehler wird anstelle des Erfolgs ausgeführt

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

Eine andere Sache, die die Dinge für mich durcheinander gebracht hat, war die Verwendung localhostvon 127.0.0.1 oder umgekehrt. Anscheinend kann JavaScript keine Anfragen von einem zum anderen verarbeiten.

Sehen Sie das . Es ist auch ein ähnliches Problem. Ich habe es versucht.

Nicht entfernen dataType: 'JSON',

Hinweis: Nur JSON-Format in PHP-Datei wiedergeben, wenn Sie nur PHP-Echo verwenden. Ihr Ajax-Code gibt 200 zurück

Ich hatte das gleiche Problem. Dies lag daran, dass meine JSON-Antwort einige Sonderzeichen enthält und die Serverdatei nicht mit UTF-8 codiert wurde. Daher wurde beim Ajax-Aufruf davon ausgegangen, dass dies keine gültige JSON-Antwort ist.

Wenn Sie JSON immer vom Server zurückgeben (keine leeren Antworten), dataType: 'json'sollte dies funktionieren und contentTypewird nicht benötigt. Stellen Sie jedoch sicher, dass die JSON-Ausgabe ...

• ist gültig ( JSONLint )
• ist serialisiert ( JSONMinify )

jQuery AJAX wirft einen 'Parseerror' auf gültigen, aber unserialisierten JSON!

Ihr Skript erfordert eine Rückgabe im JSON-Datentyp.

Versuche dies:

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

Versuchen Sie Folgendes

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

ODER

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

Verwenden Sie doppelte Anführungszeichen anstelle von einfachen Anführungszeichen im JSON-Objekt. Ich denke, das wird das Problem lösen.