javascript - 在 div 中发布表单

Question

我要实现的目标类似于在 div 中单击的链接仅在 div 中加载，而不是在表单中加载，因此在 div 中发布的任何表单都在 div 中加载。

例如，如果我在 #profile-body 中有一个表单；

<form method="POST" action="/post.php">
<input name="test" type="text"/>
<input type="submit"/>
</form>

提交表单后，操作页面将加载到 div 中。

$(function(){
    $(document).on('click', '.profile-body, #profile-body a',function(e){
         e.preventDefault();// prevent browser from opening url
         $('#profile-body').load(this.href);
    });
});
$(document).ready(function() {
    var defaultPage = "defaultpage.html";
    $('#profile-body').load(defaultPage);
});

<div id="profile-body"></div>

我的问题是如何将表单发布页面加载到 div 中。

Answer 1

如果传递了一些对象数据，

load() 可以使用 POST 方法。所以你应该尝试这样的事情:

$('div > form').on('submit', function(e) {
  e.preventDefault();
  $(this).parent('div').load(this.action, $(this).serializeArray());
});