将 FORM 元素更改为其他元素或删除它，同时保留所有子元素

Question

我已将 Asp.net MVC 与 Sharepoint 站点集成。效果很好。但我也使用默认的 Sharepoint 母版页（即 ~masterurl/default.master ）。问题是这个特定的母版页将整个页面包装在 form 元素中，而所有 Sharepoint 页面只是普通的 Asp.net WebForm 页面。

我的 MVC 内容应该有自己的 form 和我想要提交到服务器的输入元素。 Ajax 调用显然没有那么有问题。如果保留原始 form 元素，我将无法使用 $("form").serializeArray() 。但尽管如此，正常的回发还是有问题的，因为提交事件有 WebForm 功能，并且它们会向服务器发送太多数据。

我将使用正常回发以及 Ajax 回发。主要问题是正常回发。

所以我有两种可能性，两者都应该在 $(document).ready() 上运行：

1. 删除表单元素并保持所有其他内容不变。在 jQuery 中，这可能意味着在 form 元素前面加上 div，将其内容移动到此 div，然后删除 form。
2. 直接将 form 元素更改为 div。就浏览器处理而言，这可能会更快，但我不知道该怎么做。

因此，如果有人可以为 2. 制定一个解决方案，并就这两种可能的解决方案提供一些意见：应该采取哪一种以及为什么。

编辑

还有第三种可能性。我可以根据需要创建输入元素，但将它们包含在 div 元素中。当用户想要提交我的表单（div无论如何都不是表单）时，我可以：

1. 动态调用$("div.form").serializeArray()
2. 创建一个表单元素
3. ，用序列化值填充它
4. ，将表单附加到正文，
5. 提交它。

看起来很乏味，但它可以工作。前两个解决方案似乎仍然更简单。

Answer 1

如果您通过 $.ajax() 提交，我' d 只需直接使用元素的 .serialize() 即可，如下所示：

$.ajax({
  url: "Path/Action",
  type: "post",
  data: $("#someContainer :input").serialize(),
  success: function(data) {
    //do something
  }
});

或更短的 $.post() 版本：

$.post("Path/Action", $("#someContainer :input").serialize(), function(data) {
  //do something
});

这不会不需要任何

生成或其他技巧，只需一个普通的 jQuery AJAX post（或 GET，无论需要什么）。