jQuery - 通過AJAX提交表單並將結果頁面放入div中？

Question

我正在使用jQuery Form（http://jquery.malsup.com/form/）將數據發送到表單 - 是否有一種方法可以在不刷新的情況下將表單生成的結果頁面放入頁面的div中？

任何意見讚賞！

Answer 1

我會用這種形式的插件建議不 - 它被做早在之前有連載使用jQuery的表單數據的簡單方法的天，沒有實際意義了。我建議是這樣的：

$("form").submit(function() { 
    $.post($(this).attr("action"), $(this).serialize(), function(data) { 
     $("#someDiv").html(data); 
    }); 
    return false; // prevent normal submit 
}); 

---

如果你堅持要用jQuery Form Plugin - 不推薦 - ，你可以在target選項設置爲元素（）你想的選擇填補：

// prepare Options Object 
var options = { 
    target:  '#divToUpdate', 
    url:  'comment.php', 
    success: function(data) { 
     alert('Thanks for your comment!'); 
    } 
}; 

看看http://jquery.malsup.com/form/#options-object獲取更多信息。

爲了防止刷新，只需確保窗體的onsubmit事件返回false：

<form method="post" onsubmit="return false">