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());
});

在div中发布表单

1 个答案: