jQuery Html 加载剥离 <form> 标签答案

【问题标题】：jQuery Html load stripping <form> tagjQuery Html 加载剥离 <form> 标签
【发布时间】：2016-08-03 17:18:00
【问题描述】：

我正在通过 ajax 调用 html() 加载部分视图。我可以在 chrome javascript 调试中看到 response 有 <form> 标记。但是当它加载到源时它正在消失。除了标签，我可以其余的 html。

我正在另一个标签下加载。不知道这里有什么问题？

var HandleGetEditPhone = function (response) {

if (response !== "") {
    $('#DivPhoneContainer').html(response);
}

}

【问题讨论】：

标签： javascript jquery ajax asp.net-mvc partial-views

【解决方案1】：

你应该检查你是否嵌套了表单元素，因为 chrome 会删除嵌套的表单标签。

与您的问题有关：

Chrome removes form element when using jQuery ajax

How do you overcome the html form nesting limitation?

【讨论】：

谢谢，这是我的问题。我有一个模态表单，最终进入另一个表单。 Chrome 正在剥离表单标签（看似神奇/无缘无故）。需要将模态表单移到主表单之外。
我遇到了这个问题，它是由页面上方未关闭的表单标签引起的。
为什么在 jQuery 1.6 中没有删除它并且工作得很好，但是 1.7 删除了它。

【解决方案2】：

我遇到了同样的问题。以下 sn-p 对我有用。

var HandleGetEditPhone = function (response) {
    if (response !== "") {
        $('#DivPhoneContainer').empty();
        $('#DivPhoneContainer').html($(response));
    }
}

如果它解决了您的问题，请告知。

【讨论】：

这通常发生在使用 HTML 数据的 AJAX 响应时。这个答案应该被选为最佳答案。