從Ajax響應提交表單

Question

我有一個項目列表，每當添加新項目時，該列表就會通過ajax調用動態更新。 每個列表項中都包含一個注釋表單，該表單具有一個注釋字段和一個隱藏字段，用於指示對哪個項目進行了注釋。

我正在使用jquery表單插件使用ajax提交這些表單。 我一直遇到的問題是插件無法識別表單，因此它們可以正常運行（發布並重定向到ajax / comment.php）。 經過一些挖掘后，我認為這是因為表單是動態加載的，腳本無法“看到”它們。 我已經了解到eval（）是使腳本正確運行的一種可能的解決方案。 現在，如果我不使用ajax填充頁面，則代碼可以正確執行。

 <script>
$(document).ready(function() { 
var options = {  
    url: 'ajax/comment.php',
}; 
$('.commentsubmit').submit(function() { 
    $(this).ajaxSubmit(options); 

    return false; 
}); 
}); 

</script>    

Answer 1

如果表單是動態加載的， .submit更改為此：

$(document).on('submit', '.commentsubmit', function () {

這將委托submit事件的任何.commentsubmit可能不會在你打電話的時候被添加到DOM形式.on 。

無關緊要，請使用e.preventDefault() ，而不return false ： http : e.preventDefault()