为什么我的Ajax.BeginForm在我明确指定替换ID时重新加载整个页面？

Question

为什么我的Ajax.BeginForm在我明确指定替换ID时重新加载整个页面？

3

提前道歉，因为我找到了很多建议，但是都没有适合我的。我感觉有点疯狂，所以...

我有一个MVC 3应用程序，在第一次加载时，会显示包含所有用户模型数据的表格。那部分工作正常。我有两个文本框，一个用于帐户ID，另一个用于用户，允许我重新查询更具体的用户数据。当我使用提交按钮时，我得到了数据，但整个页面刷新了，虽然我得到了带有正确数据的表单和表格，但页面的其余部分是白色的。我之前的任何图形或其他东西都没有了。还有一件有趣的事情是，如果我从白色页面再次提交表单，并使用任何有效参数，AJAX就会起作用。我感到困惑。

表单看起来像这样：

@using (Ajax.BeginForm("TaskList", "Dispatch", 
       new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "tblBody", 
       InsertionMode = InsertionMode.Replace }, new { id = "frmTaskList" }))
{
    <table id="tblTaskList" class="tblTaskList"> 
        <thead>
            <tr>
                <th>Ticket ID</th>
                <th>Date</th>
                <th>Customer Name</th>
            </tr>
        </thead>
        <tbody id="tblBody" class="tblBody">        
            @{for (var ix = 0; ix < Model.Value.Count - 1; ix++)
            { 
                <tr id="@(Model.Value[ix].TicketId)">
                    <td>@Model.Value[ix].TicketId</td>
                    <td>@Model.Value[ix].Created</td>
                    <td>@Model.Value[ix].ContactName</td>
                </tr>        
            }}
        </tbody>       
    </table>    

    <input type="text" id="hidAccId" name="hidAccId" value="" />
    <input type="text" id="hidUserId" name="hidUserId" value="" />
    <input type="submit" id="btnTaskList" value="Submit" />
}

同时，我正在使用的脚本位于页面顶部：

<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>

顺便提一下：我尝试使用@Url.Content而不是src属性，但结果无效。我还尝试了以下方法，但结果也没有任何区别：

<script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript">    </script>
<script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>

- Carlos Mendieta

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Darin Dimitrov · Accepted Answer

你已经两次引用了jQuery和jQuery-ui，这是不必要的。以下代码应该足够：

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

你需要确保jquery-1.7.2.min.js文件存在于Scripts文件夹中。ASP.NET MVC 3默认只包含jQuery 1.5版本。至于Microsoft*脚本，可以忘记它们，因为在ASP.NET MVC 3中已经不再使用。

此外，你的表单中没有提交按钮。

这个：

<input type="button" id="btnTaskList" value="Submit" />

应该是：

这样写：

<input type="submit" id="btnTaskList" value="Submit" />

如果您期望一个表单提交的发生。