MVC4入门AJAX BeginForm Internet Explorer DIV空

Question

我想知道是否有人可以帮助我。 我正在尝试向我的MVC 4应用程序添加简洁的AJAX。 我在页面上添加了以下脚本。

<script src="/Scripts/jquery-1.8.2.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>

Unobtrusive AJAX库是NUGET软件包版本3.2.0

我有一个DIV，我正尝试通过AJAX更新，如下所示。

@using (Ajax.BeginForm("MyAction", "MyController", new AjaxOptions { UpdateTargetId="MainForm", HttpMethod = "POST" }))
                        {
<div id="MainForm">
<div style="padding-top:10px">
<input type="submit" style="width:100px" value="Search"/>
 </div>
</div>
}

然后，我有一个控制器将部分视图返回到DIV中。

    [HttpPost]
    public ActionResult MyAction(Models.WhateverModel MyModel)
    {

        return PartialView("MyPartialView");
    }

您单击提交按钮，然后在Chrome和Firefox中正常运行，将div MainForm更新为返回的局部视图的内容。

我在动作上设置了一个断点，当在IE8中运行时，已到达服务器端动作代码，但MainForm DIV最终为空。

我在IE8中打开了脚本错误，但是没有发生脚本错误。

我也尝试切换到jQuery 1.11.1，但这没有帮助。

我一直在论坛中四处搜寻，但找不到适合此问题的明显方法。

有任何想法吗？

Answer 1

经过两个多小时的搜索，我发现了一条帖子，建议您确保所有HTML标记均正确对齐。

提示是Internet Explorer无法处理格式错误的HTML。

在使用HTML验证程序插件检查firefox的页面后，我发现div标签未对齐。

一旦修复，一切都可以在Internet Explorer中正常运行。

将其保留在此处可能会帮助遇到相同问题的其他人。