jquery - IIS 上的 MVC3 应用程序中的路由问题

Question

我已经使用 razor 和 jquery (初级水平)创建了 MVC3 应用程序，并且运行良好。之后，我在 IIS 上托管了这个应用程序(创建了 MVCDemo 虚拟目录)，并且它工作正常，除非我使用 jquery 发出 post 请求。

考虑使用 jquery 的以下请求

$.ajax({
            type: "POST",
            data: { 'username': $("#UserName").val() },
            async: false,
            url: "/Wizard/ValidateUserName",
            success: function (data) {
                if (data) {
                    $('#divUser').html("Username is  available");
                    $('#divUser').removeClass("field-validation-error");
                }
                else {
                    $('#divUser').html("Username is not available");
                    $('#divUser').removeClass("field-validation-valid");
                    $('#divUser').addClass("field-validation-error");
                }
                datavalue = data;
            },
            error: function (xhr, ajaxoptions, throwError) {
                alert(xhr.responseText);
            }
        });

如果我更改URL:MVCdemo/Wizard/ValidateUserName，那么这将正确工作，否则会出现404错误。

那么我如何在 MVC3 应用程序中全局处理这种类型的路由？

Answer 1

您需要在 jQuery 函数中使用 MVC razor 语法。

如下......

 function checkUserAvailbility() {
    var datavalue = false;
    $.ajax({
        type: "POST",
        data: { 'username': $("#UserName").val() },
        async: false,
        url: '@Url.Action("ValidateUserName", "Wizard")',
        success: function (data) {
            if (data) {
                $('#divUser').html("Username is  available");
                $('#divUser').removeClass("field-validation-error");
            }
            else {
                $('#divUser').html("Username is not available");
                $('#divUser').removeClass("field-validation-valid");
                $('#divUser').addClass("field-validation-error");
            }
            datavalue = data;
        },
        error: function (xhr, ajaxoptions, throwError) {
            alert(xhr.responseText);
        }
    });
    return datavalue;
}

查看 jQuery 的 url:(property) 之间的差异。