jQuery为ajax请求返回“ parsererror”

Question

我一直在从jquery收到针对Ajax请求的“ parsererror”，我尝试将POST更改为GET，以几种不同的方式（创建类等）返回数据，但我似乎无法弄清楚问题出在哪里。

我的项目在MVC3中，我使用的是jQuery 1.5，我有一个Dropdown，并且在onchange事件上，我触发了一个调用，以根据所选内容获取一些数据。

下拉列表：（这会从Viewbag的列表中加载“ Views”，并触发事件可以正常进行）

@{

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

        }

    });

};

上面的代码成功调用了MVC方法并返回：

[{"ViewContentID":1,"Name":"TopContent","Note":"Content on the top"},

 {"ViewContentID":2,"Name":"BottomContent","Note":"Content on the bottom"}]

但是jquery触发$ .ajax（）方法的错误事件，提示“ parsererror”。

Answer 1

我最近遇到了这个问题，偶然发现了这个问题。我用一种简单得多的方法解决了它。方法一您可以dataType: 'json'从对象文字中删除该属性...方法二或者您可以通过将数据返回为来执行@Sagiv所说的Json。parsererror出现此消息的原因是，当您仅返回一个字符串或另一个值时，它不是真正的Json，因此解析器在解析时会失败。因此，如果删除该dataType: json属性，它将不会尝试将其解析为Json。使用其他方法，如果您确保将数据返回为Json，则解析器将知道如何正确处理它。

Answer 2

有关正确的方法，请参阅@ david-east 的答案该答案仅与使用file：协议时jQuery 1.5的错误有关。升级到jQuery 1.5时，我最近遇到了类似的问题。尽管得到正确的响应，但错误处理程序仍被触发。我通过使用complete事件来解决它，然后检查状态值。例如：complete: function (xhr, status) {&nbsp; &nbsp; if (status === 'error' || !xhr.responseText) {&nbsp; &nbsp; &nbsp; &nbsp; handleError();&nbsp; &nbsp; }&nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; var data = xhr.responseText;&nbsp; &nbsp; &nbsp; &nbsp; //...&nbsp; &nbsp; }

Answer 3

您已将ajax呼叫响应dataType指定为：'json'实际的Ajax响应不是有效的JSON，因此JSON解析器抛出错误。我建议的最佳方法是将dataType更改为：'文本'在成功回调中，验证是否返回了有效的JSON，如果JSON验证失败，则在屏幕上提醒它，以使其明显表明ajax调用实际上是出于什么目的。看看这个：$.ajax({&nbsp; &nbsp; url: '/Admin/Ajax/GetViewContentNames',&nbsp; &nbsp; type: 'POST',&nbsp; &nbsp; dataType: 'text',&nbsp; &nbsp; data: {viewID: $("#view").val()},&nbsp; &nbsp; success: function (data) {&nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var output = JSON.parse(data);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert(output);&nbsp; &nbsp; &nbsp; &nbsp; } catch (e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert("Output is not valid JSON: " + data);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }, error: function (request, error) {&nbsp; &nbsp; &nbsp; &nbsp; alert("AJAX Call Error: " + error);&nbsp; &nbsp; }});