我可以攔截表單提交數據以與AJAX一起使用嗎？

Question

我有一個Django應用程序，顯示選擇項目中的項目列表。當用戶更改所選項目時，我使用AJAX將表單（使用Django的Form和formset助手）插入頁面上的「內容」部分以編輯該項目的數據。

我想要做的是，當用戶點擊表單上的「保存」按鈕時，一個Javascript函數像發送表單一樣發送POST數據，然後再次使用AJAX重新注入新數據從頁面。

我想始終保持一個乾淨的URL，但總是返回到您正在編輯的條目（因此AJAX HTML替換）。

我不想搶到所有的表單字段，並重建我的Django表單將正確識別的字符串。

有沒有辦法做到這一點？我是否在做錯整個事情？

Answer 1

抓住整個窗體，並使用AJAX的提交做這樣的事情（假設jQuery的）發送：

jQuery('form').submit(function (event) { 
    event.preventDefault(); 
    var form = jQuery(this); 
    var data = form.serialize(); 

    jQuery.post(form.attr('action'), data, function(html) { 
     ... 
    }); 
});