La requête Ajax renvoie 200 OK, mais un événement d'erreur est déclenché au lieu de réussir

J'ai implémenté une demande Ajax sur mon site Web et j'appelle le point de terminaison à partir d'une page Web. Il renvoie toujours 200 OK , mais jQuery exécute l'événement d'erreur.
J'ai essayé beaucoup de choses, mais je n'ai pas pu comprendre le problème. J'ajoute mon code ci-dessous:

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

Code C # pour JqueryOpeartion.aspx

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

J'ai besoin de la ("Record deleted")chaîne après une suppression réussie. Je peux supprimer le contenu, mais je ne reçois pas ce message. Est-ce correct ou est-ce que je fais quelque chose de mal? Quelle est la bonne façon de résoudre ce problème?

jQuery.ajaxtente de convertir le corps de la réponse en fonction du dataTypeparamètre spécifié ou de l'en- Content-Typetête envoyé par le serveur. Si la conversion échoue (par exemple si le JSON / XML n'est pas valide), le rappel d'erreur est déclenché.

Votre code AJAX contient:

dataType: "json"

Dans ce cas jQuery:

Évalue la réponse au format JSON et renvoie un objet JavaScript. […] Les données JSON sont analysées de manière stricte; tout JSON mal formé est rejeté et une erreur d'analyse est levée. […] Une réponse vide est également rejetée; le serveur doit renvoyer une réponse nulle ou {} à la place.

Votre code côté serveur renvoie un extrait HTML avec 200 OKétat. jQuery attendait un JSON valide et déclenche donc le rappel d'erreur se plaignant parseerror.

La solution consiste à supprimer le dataTypeparamètre de votre code jQuery et à renvoyer le code côté serveur:

Content-Type: application/javascript

alert("Record Deleted");

Mais je préfère suggérer de retourner une réponse JSON et d'afficher le message dans le rappel de réussite:

Content-Type: application/json

{"message": "Record deleted"}

J'ai eu de la chance avec plusieurs dataTypes séparés par des espaces ( jQuery 1.5+ ). Un péché:

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

Il vous suffit de supprimer le dataType: "json" dans votre appel AJAX

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

C'est juste pour mémoire puisque je suis tombé sur ce post lorsque je cherchais une solution à mon problème qui était similaire aux PO.

Dans mon cas, ma demande jQuery Ajax n'a pas pu aboutir en raison de la même politique d'origine dans Chrome. Tout a été résolu lorsque j'ai modifié mon serveur (Node.js) pour faire:

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

Cela m'a littéralement coûté une heure de me cogner la tête contre le mur. Je me sens stupide ...

Je pense que votre page aspx ne renvoie pas d'objet JSON. Votre page devrait faire quelque chose comme ça (page_load)

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

Response.Write(OutPut);

Essayez également de modifier votre AjaxFailed:

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus devrait vous donner le type d'erreur que vous obtenez.

J'ai rencontré ce problème avec une bibliothèque jQuery mise à jour. Si la méthode de service ne renvoie rien, cela signifie que le type de retour est void.

Ensuite, dans votre appel Ajax, veuillez mentionner dataType='text'.

Cela résoudra le problème.

Il vous suffit de supprimer dataType: 'json'de votre en-tête si votre méthode de service Web implémentée est nulle.

Dans ce cas, l'appel Ajax ne s'attend pas à avoir un type de données de retour JSON.

Utilisez le code suivant pour vous assurer que la réponse est au format JSON (version PHP) ...

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

J'ai eu le même problème. Mon problème était que mon contrôleur retournait un code d'état au lieu de JSON. Assurez-vous que votre contrôleur retourne quelque chose comme:

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

J'ai le même problème mais quand j'ai essayé de supprimer le type de données: «json», j'ai toujours le problème. Mon erreur s'exécute au lieu du succès

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

Une autre chose qui a gâché les choses pour moi était d'utiliser localhostau lieu de 127.0.0.1 ou vice versa. Apparemment, JavaScript ne peut pas gérer les demandes de l'un à l'autre.

Regardez ça . C'est aussi un problème similaire. Travailler, j'ai essayé.

Ne supprimez pas dataType: 'JSON',

Remarque: echo uniquement JSON Formate dans un fichier PHP si vous utilisez uniquement php echo votre code ajax return 200

J'ai eu le même problème. C'est parce que ma réponse JSON contient des caractères spéciaux et que le fichier serveur n'était pas codé en UTF-8, donc l'appel Ajax a considéré que ce n'était pas une réponse JSON valide.

Si vous renvoyez toujours JSON du serveur (pas de réponses vides), cela dataType: 'json'devrait fonctionner et contentTypen'est pas nécessaire. Assurez-vous cependant que la sortie JSON ...

• est valide ( JSONLint )
• est sérialisé ( JSONMinify )

jQuery AJAX lancera un «analyseur» sur JSON valide mais non sérialisé!

Votre script exige un retour dans le type de données JSON.

Essaye ça:

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

Essayez de suivre

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

OU

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

Utilisez des guillemets doubles au lieu de guillemets simples dans l'objet JSON. Je pense que cela résoudra le problème.