MVC 3 控制器无法识别由 jQuery AJAX 传回的 JSON

Question

我有一个 MVC 3 应用程序，它使用 jQuery AJAX 触发控制器操作以返回部分视图。

客户端代码：

function getCustomerList(searchCriteria) {
    $.ajax({
        url: 'Home/GetCustomerList',
        type: 'POST',
        data: '{searchString:"' + searchCriteria + '"}',
        success: function (result) {
            $("#customerTabBody").html(result);
        }
    });
};

控制器代码：

[HttpPost]
public ActionResult GetCustomerList(string searchString)
{
    var custService = new CustomerViewModels();
    var custListVM = custService.GetSearchList(searchString);

    return PartialView("GetCustomerList", custListVM);
}

当我触发客户端 jQuery 时，我可以通过 Firebug 看到 searchString 正在发送并且格式正确。以下是 Firebug 显示的帖子消息：

{searchString:'ar'}

并且 Firebug 能够正确解析 JSON。如果我在控制器代码中设置断点并测试 searchString 参数的值为 NULL。但是，如果我只是对 JSON 进行硬编码：

function getCustomerList(searchCriteria) {
    $.ajax({
        url: 'Home/GetCustomerList',
        type: 'POST',
        data: {searchString:'ar'},
        success: function (result) {
            $("#customerTabBody").html(result);
        }
    });
};

它工作得很好，并且控制器参数被正确填充。

我做错了什么，以至于当我参数化我的 JSON 字符串时它失败了？

谢谢

Answer 1

试试这样：

function getCustomerList(searchCriteria) {
    $.ajax({
        url: 'Home/GetCustomerList',
        type: 'POST',
        data: { searchString: searchCriteria },
        success: function (result) {
            $('#customerTabBody').html(result);
        }
    });
}

这将确保发送到控制器的数据经过正确的 URL 编码。此外，您还没有显示如何/在何处调用此 getCustomerList 函数，但如果它是在单击某个锚点或按钮时，请确保您也取消了默认操作。