MVC3 Ajax.BeginForm OnSuccess无法在Firefox中运行

Question

最终编辑：

在听完Darin Dimitrov的回答后，我发现问题最终是对Controller方法UpdateForm()的AJAX调用返回一个空字符串。这是我在遇到不同问题后不久前发现必要的修改。传递一个空字符串导致Firefox的解析器窒息（而Chrome和IE显然不在乎），所以我用空div替换了空字符串。

修改

感谢Darin Dimitrov的建议，我发现我遇到麻烦的原因是每当提交相关表格时都会抛出错误。

错误显示“节点无法插入层次结构中的指定点”。每次提交表单时都会抛出此内容。我在POST数据中注意到它似乎认为这是一个XMLHttpRequest。这是原因（有问题的AJAX请求只是返回HTML）？这是来自Firebug的POST数据：

此错误显示“XML分析错误 - 未找到元素”。

仅供参考 - 返回的HTML始终为空字符串...

---

我在IIS7上运行了一个MVC3应用程序。在我的一个视图中，我有一个使用Microsoft HTML帮助函数构建的表单：

@using (Ajax.BeginForm("UpdateForm", new AjaxOptions { UpdateTargetId = "TargetDiv", InsertionMode = InsertionMode.InsertAfter, OnSuccess = "ClearTextBox" }))
{
    @Html.TextArea("txtInput", new { id = "txtInput", cols = "20", rows = "5", wrap = "virtual" })
    <input id="send" class="button" type="submit" value="Send"/><br />
} 

当Controller提供此视图时，会生成以下HTML：

<form action="/RootName/ControllerName/UpdateForm" data-ajax="true" data-ajax-mode="after" data-ajax-success="ClearTextBox" data-ajax-update="#TargetDiv" id="form0" method="post">
     <textarea cols="20" id="txtInput" name="txtInput" rows="5" wrap="virtual"></textarea>    
     <input id="send" class="button" type="submit" value="Send"><br>
</form>

我在这里尝试做的是将TextArea中的文字称为txtInput，并将其附加到Div TargetDiv的末尾，只要点击上方的Send按钮并通过txtInput方法（Javascript）在追加完成后清除ClearTextBox()中的文字。追加始终适用于每个浏览器;当我在Internet Explorer或Chrome中运行时，文本的清除工作正常。但是，Firefox似乎不想调用ClearTextBox()方法。

Firefox是否与表单签名中的data-ajax-success选项不兼容？

---

我尝试过的事情

我找到了这个人： Ajax.BeginForm doesn't call onSuccess

解决方案是添加此脚本：

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

我打电话给这个剧本：

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

...但我尝试将其换掉以防万一。没有快乐。

我被要求尝试更改方法调用以包含C＃聊天室中某些人的括号，以便HTML出现如下：

<form action="/WebChat/TMWC/UpdateForm" data-ajax="true" data-ajax-mode="after" data-ajax-success="ClearTextBox()" data-ajax-update="#chatText" id="form0" method="post">
     <textarea cols="20" id="txtInput" name="txtInput" rows="5" wrap="virtual"></textarea>    
     <input id="send" class="button" type="submit" value="Send"><br>
</form>

但这没有帮助。

C＃Chat中的人还建议我用警报替换Javascript调用 - 如下所示：

<form action="/WebChat/TMWC/UpdateForm" data-ajax="true" data-ajax-mode="after" data-ajax-success="alert('yo!')" data-ajax-update="#chatText" id="form0" method="post">
     <textarea cols="20" id="txtInput" name="txtInput" rows="5" wrap="virtual"></textarea>    
     <input id="send" class="button" type="submit" value="Send"><br>
</form>

当Chrome弹出消息框时，Firefox不会！

Answer 1

状态no repro在新创建的ASP.NET MVC 3应用程序中。

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult UpdateForm()
    {
        return Content(DateTime.Now.ToLongTimeString());
    }
}

查看（~/Views/Home/Index.cshtml）：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script type="text/javascript">
    function ClearTextBox() {
        $('textarea').val(''); 
    }
</script>

<form action="/Home/UpdateForm" data-ajax="true" data-ajax-mode="after" data-ajax-success="ClearTextBox" data-ajax-update="#TargetDiv" id="form0" method="post">
     <textarea cols="20" id="txtInput" name="txtInput" rows="5" wrap="virtual"></textarea>    
     <input id="send" class="button" type="submit" value="Send"><br>
</form>

<div id="TargetDiv"></div>

在Chrome，FF和IE中完美运行。

此外，您可能希望确保Content-Type响应HTTP标头与您要发送的实际响应相匹配。例如，我看到很多人在响应主体中发送了application/json响应标头和一些无效的JSON，这会产生更敏感的解析器以阻塞。