格內的郵政形式

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