一直从jquery获得一个Ajax请求的“parsererror”,我已经尝试将POST更改为GET,以几种不同的方式返回数据(创建类等),但我似乎无法找出问题是什么。

我的项目是在MVC3和我使用jQuery 1.5 我有一个下拉菜单,在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”。


当前回答

我也遇到了同样的问题。我发现解决我的问题的方法是确保使用双引号而不是单引号。

echo "{'error':'Sorry, your file is too large. (Keep it under 2MB)'}";
-to-
echo '{"error":"Sorry, your file is too large. (Keep it under 2MB)"}';

其他回答

有很多建议要删除

dataType: "json"

虽然我承认这是可行的,但它忽略了潜在的问题。如果您确信返回的字符串确实是JSON,那么请在响应的开头寻找错误的空白。考虑在《提琴手》中看看它。我的是这样的:

Connection: Keep-Alive
Content-Type: application/json; charset=utf-8

{"type":"scan","data":{"image":".\/output\/ou...

在我的情况下,这是一个问题,PHP喷涌出不需要的字符(在这种情况下UTF文件bom)。一旦我删除了这些,它修复了问题,同时也保持

dataType: json

问题是你的控制器返回的字符串或其他对象不能被解析。 ajax调用期望得到Json作为返回。尝试像这样在控制器中返回JsonResult:

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

    }

希望能有所帮助。

如果从web .net mvc/api获取操作,请确保允许获取

     return Json(data,JsonRequestBehavior.AllowGet);

我不知道这是否仍然是实际的,但问题是编码。改为ANSI为我解决了这个问题。

你应该删除dataType: "json"。然后看看魔法……这样做的原因是你正在将json对象转换为简单的字符串..因此json解析器无法解析该字符串,因为它不是json对象。

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