Question

我的Search.cshtml有一个名为“search-results”的div，需要更新。 SearchResults是动作名称。我在MVC2 / VS2008项目上做了很多次，但这是我第一次使用MVC3和VS2010。

问题是，而不是我的搜索结果在我的div中呈现，它点击提交重定向我将我的部分显示为独立页面。

我读过这可能是因为没有启用Ajax。我的_Layout.cshtml看起来像这样：

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/2011.2.712/jquery-1.5.1.min.js")"  type="text/javascript"></script>
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet"  type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/main.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/2011.2.712/jquery-1.5.1.min.js")" type="text/javascript"></script>
    @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.transparent.css").Combined(true).Compress(true))) 
</head>
<body>
    <div class="page">
        <div id="header">
            <div id="title">
                <h1>My MVC Application</h1>
            </div>

            @(Html.Telerik().Menu()
                    .Name("menu")
                    .Items(menu => {
                        menu.Add().Text("Home").Action("Index", "Home");
                        menu.Add().Text("About").Action("About", "Home");
                        menu.Add().Text("Employees").Action("List", "Employee");
                    }))
        </div>

        <div id="main">
            @RenderBody()
            <div id="footer">
            </div>
        </div>
    </div>
    @(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))</body>
</html>

我是否需要添加MicrosoftMvcAjax.js或jquery.unobtrusive-ajax.js？我的web.config（root）包含以下内容：

  <appSettings>
    <add key="ClientValidationEnabled" value="true" /> 
    <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 
  </appSettings>

如果我在元素的末尾添加了MicrosoftMvcAjax.js，我会收到一条错误，说明命名空间'Type'是来自MicrosoftMvcAjax.js第一行的未定义错误：

    Type.registerNamespace('Sys.Mvc');Sys.Mvc.$create_AjaxOptions=function(){return {};}

我在这里缺少什么。我确信我的代码很好，因为它几乎从我的MVC2项目中逐字复制。

Answer 1

您忘记将jquery.unobtrusive-ajax.js脚本包含在您的页面中（根据需要调整路径）：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

就Microsoft*.js脚本而言，它们在ASP.NET MVC 3中已经过时，除非您移植一些遗留应用程序，否则不应再使用它们。它们已被jQuery取代。

Answer 2

好的，找出了我的问题。

我使用AjaxOption OnSuccess pointint调用Ajax.BeginForm来更新我的占位符的js函数。但这不是必需的，不引人注目。一旦我从Ajax选项中删除了OnSucces，一切都开始工作了。

382 4

Ajax.BeginForm导致重定向到部分视图而不是就地

2 个答案: