asp.net-mvc - ASP.Net MVC 中的 self AJAX 更新部分 View / Controller 和复制 div

Question

我在 MVC 中有一个部分 View ，类似于:

<div id="comments">
    ...
</div>

在该 div 内有一个表单，它使用 AJAX 调用 Controller 并返回相同的部分 View 。问题是调用 View 的结果替换了 div 的内容，而不是整个 div，我最终得到:

<div id="comments">
    <div id="comments">
        ...
    </div>
</div>

根据我一周的 ASP.Net MVC 和 AJAX 经验，我能想到的唯一解决方案是将 div 放在局部 View 之外，并使局部 View 仅包含内部部分，但随后表单将引用一个id 在表单所在 View 之外，打破了我留在那里的小封装。有没有更好的解决办法？

Answer 1

.NET MVC 3 附带的不显眼的 Ajax 库使用基于 jQuery.ajax 的四个回调的回调。但是，Ajax.BeginForm 方法中的 InsertionMode = InsertionMode.Replace 不会导致调用 jQuery 的replaceWith。相反，.html(data) 用于替换目标元素的内容(而不是元素本身)。

我在我的博客上描述了此问题的解决方案: http://buildingwebapps.blogspot.com/2011/11/jquerys-replacewith-and-using-it-to.html