Javascript 和 MVC 返回类型

Question

我在一个 ASP.Net MVC 项目的页面中有这个 JavaScript：

function showAllianceMembers_onclick() {
    var strName = $("#allianceNameTextBox").val();

    $.ajax(
    {
        type: "POST",
        url: "/Alliance/Index",
        data: "allianceName=" + strName,
        success: function (result) {
            if (result.success) {
                alert("done!");
            }
            else {
                alert("error!!");
            }
        },
        error: function (req, status, error) {
            alert(error);
        }
    });
}

如您所知，此脚本调用的是MVC Action。这是MVC Action：

[HttpPost]
public ActionResult Index(string allianceName)
{
    //Populating an object containing a list (IList)

    return View(res);
}

这里的问题是 JavaScript 代码只显示带有错误消息的警报... 我的代码有什么问题？

Answer 1

在您的控制器操作中，您发送的不是 JSON，而是一个简单的视图。所以result 变量上没有定义.success 属性。您的 AJAX 请求如下所示：

$.ajax({
    type: "POST",
    url: "/Alliance/Index",
    data: { allianceName: strName },
    success: function (result) {
        // If you got so far the AJAX request succeeded, the result variable
        // will contain the final HTML of the rendered view
        alert("done!");
    },
    error: function (req, status, error) {
        alert(error);
    }
});

或者如果您想从控制器操作发送 JSON：

[HttpPost]
public ActionResult Index(string allianceName)
{
    // populate the result        
    return Json(new { success = true, result = res });
}

然后：

$.ajax({
    type: "POST",
    url: "/Alliance/Index",
    data: { allianceName: strName },
    success: function (result) {
        if (result.success) {
            // do something with result.res
            alert("done!");
        }
    },
    error: function (req, status, error) {
        alert(error);
    }
});

Answer 2

我假设您正在尝试检索数据，而不是 HTML 标记。
试试这个：

$.ajax(
{
    type: "POST",
    url: "/Alliance/Index",
    data: { 'allianceName' : strName },
    dataType: 'json',
    success: function (result) {
        if (result.success) {
            alert("done!");
        }
        else {
            alert("error!!");
        }
    },
    error: function (req, status, error) {
        alert(error);
    }
});

并更新这个：

[HttpPost]
public JsonResult Index(string allianceName)
{
    //Populating an object containing a list (IList)

    return new JsonResult { Data = res };
}