jquery - MVC 3 JSON 调用在 IIS 中不起作用

Question

我正在使用 ASPX 引擎开发 MVC 3 应用程序，首先我开发了一个简单的搜索，它利用 JQuery JSON 调用来检索一些信息。该调用发送从文本输入获取的参数，并使用结果更新表。该函数如下所示:

        function PerformLookup() {
            var _accountNumber = $('#accountNumber').val();

            $.ajax({
                url: '/SearchAjax/SearchAccount',
                type: 'POST',
                data: '{_accountNumber:'+_accountNumber+'}',
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    UpdateTable(data);
                },
                error: function () {
                    alert('An error occurred while performing the search.');
                }
            });

            return false;
        }

服务器代码使用该参数运行查询，并返回一个序列化为 JSON 的列表，以便与 JQuery 正常工作。服务器代码如下所示:

        [HttpPost]
        public JsonResult SearchAccount(string _accountNumber)
        {
            MLIBEntities dbMLIB = new MLIBEntities();

            var searchResults = (from s in dbMLIB.Sets
                                 where s.setmap1 == _accountNumber
                                 select s);
            return Json(searchResults.ToList());
        }

如您所见，这并不困难，当我从 VS2010 运行该项目并使用其虚拟机时，它运行得非常完美。

当我在带有 IIS 7 的 Windows 2008 服务器中发布项目时，会出现问题。该项目运行正常，但当我运行 PerformLookup 函数时，我收到消息“执行搜索时发生错误”，这意味着 ajax 调用失败.

有谁知道为什么在 VS2010 虚拟机中正常工作时在 IIS 中调用失败？我是否缺少 IIS 的任何配置？

提前致谢!

Answer 1

永远不要像这样硬编码 url，因为当您部署应用程序时，可能会在您的 url 前面添加一个虚拟目录:

url: '/SearchAjax/SearchAccount',

处理 url 时始终使用 Url 助手:

url: '<%= Url.Action("SearchAccount", "SearchAjax") %>',

因此，我将如何重构您的代码:

function PerformLookup() {
    var _accountNumber = $('#accountNumber').val();
    $.ajax({
        url: '<%= Url.Action("SearchAccount", "SearchAjax") %>',
        type: 'POST',
        data: JSON.stringify({ _accountNumber: _accountNumber }),
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            UpdateTable(data);
        },
        error: function () {
            alert('An error occurred while performing the search.');
        }
    });
    return false;
}

或者，如果在单击某个链接时调用此 PerformLookup 函数，我将使用 HTML 帮助程序生成链接:

<%= Html.ActionLink(
    "Perform search", 
    "SearchAccount", 
    "SearchAjax", 
    null, 
    new { id = "search" }
) %>

然后简单地 AJAX 化它:

$(function() {
    $('#search').click(function() {
        var _accountNumber = $('#accountNumber').val();
        $.ajax({
            url: this.href,
            type: 'POST',
            // Probably no need to send JSON request
            // so I've replaced it with a standard
            // application/x-www-form-urlencoded POST request
            data: { _accountNumber: _accountNumber },
            dataType: 'json',
            success: function (data) {
                UpdateTable(data);
            },
            error: function () {
                alert('An error occurred while performing the search.');
            }
        });
        return false;
    });
});

最后我强烈建议您使用 FireBug这是一个优秀的工具，允许您调试此类问题，因为它显示所有 AJAX 请求以及客户端和服务器之间发生的情况。