jQuery renvoie "parsererror" pour une requête ajax

Question

J'ai obtenu un "parsererror" de jquery pour une requête Ajax, j'ai essayé de changer le POST en GET, de retourner les données de différentes manières (en créant des classes, etc.) mais je n'arrive pas à comprendre quel est le problème.

Mon projet est en MVC3 et j'utilise jQuery 1.5. J'ai une liste déroulante et, lors de l'événement onchange, je lance un appel pour obtenir des données en fonction de ce qui a été sélectionné.

Dropdown : (cela charge les "Views" à partir de la liste dans le Viewbag et le déclenchement de l'événement fonctionne bien)

@{
    var viewHtmls = new Dictionary<string, object>();
    viewHtmls.Add("data-bind", "value: ViewID");
    viewHtmls.Add("onchange", "javascript:PageModel.LoadViewContentNames()");
}
@Html.DropDownList("view", (List<SelectListItem>)ViewBag.Views, viewHtmls)

Javascript :

this.LoadViewContentNames = function () {
    $.ajax({
        url: '/Admin/Ajax/GetViewContentNames',
        type: 'POST',
        dataType: 'json',
        data: { viewID: $("#view").val() },
        success: function (data) {
            alert(data);
        },
        error: function (data) {
            debugger;
            alert("Error");
        }
    });
};

Le code ci-dessus appelle avec succès la méthode MVC et retourne :

[{"ViewContentID":1,"Name":"TopContent","Note":"Content on the top"},
 {"ViewContentID":2,"Name":"BottomContent","Note":"Content on the bottom"}]

Mais jquery déclenche l'événement d'erreur pour la méthode $.ajax() en disant "parsererror".

Answer 1

J'ai récemment rencontré ce problème et je suis tombé sur cette question.

J'ai résolu le problème avec une méthode beaucoup plus simple.

Première méthode

Vous pouvez soit retirer le dataType: 'json' de la propriété de l'objet littéral...

Deuxième méthode

Ou vous pouvez faire ce que @Sagiv disait en retournant vos données comme Json .

---

La raison pour laquelle cette parsererror Le message se produit lorsque l'on renvoie simplement une chaîne de caractères ou une autre valeur. Json L'analyseur syntaxique échoue donc lors de son analyse.

Donc si vous retirez le dataType: json il n'essaiera pas de l'analyser en tant que propriété Json .

Avec l'autre méthode, si vous vous assurez de retourner vos données en tant que Json l'analyseur syntaxique saura comment le traiter correctement.

Answer 2

Voir le réponse par @david-east pour la manière correcte de traiter le problème

Cette réponse n'est pertinente que pour un bug avec jQuery 1.5 lors de l'utilisation du protocole file :.

J'ai eu un problème similaire récemment lors de la mise à jour vers jQuery 1.5. Malgré une réponse correcte, le gestionnaire d'erreurs se déclenchait. J'ai résolu le problème en utilisant l'option complete puis en vérifiant la valeur de l'état, par ex :

complete: function (xhr, status) {
    if (status === 'error' || !xhr.responseText) {
        handleError();
    }
    else {
        var data = xhr.responseText;
        //...
    }
}

Answer 3

Le problème est que votre contrôleur renvoie une chaîne ou un autre objet qui ne peut pas être analysé. L'appel ajax s'attend à recevoir Json en retour. Essayez de retourner JsonResult dans le contrôleur comme ça :

 public JsonResult YourAction()
    {
        ...return Json(YourReturnObject);

    }

J'espère que cela vous aidera :)

Answer 4

Vos données JSON sont peut-être fausses. http://jsonformatter.curiousconcept.com/ pour le valider.

Answer 5

Assurez-vous de supprimer tout code de débogage ou tout autre élément susceptible de fournir des informations non souhaitées. C'est assez évident, mais facile à oublier sur le moment.