サーバーにリクエストを送信し、データベースにデータを書き込むためにjqueryフォームプラグインを使用しています。フォームを送信した後、サイドバーなどのいくつかの要素が複製されます。target
成功後にリフレッシュされるコンテナに設定しました。すべて正常に動作しますが、whay 要素の ID が重複しています。
<div class="contaner-fluid">
<div class="sidebar_lft"> Sidebar </div> <!-- This sidebar is dupicated -->
<div id="main-content">
<!-- PHP forach loop some data. This div need to been refreshed after success-->
<form id="user-form" action="user/update" metod="post">
<input type="text" name="username">
<input type="submit">
</form>
</div>
</div>
そしてjquery:
$(document).ready(function(e) {
$('#user-form').ajaxForm({
target: '#main-content',
success: function() {
alert('Success');
}
});
});
すべてのデータはデータベースに保存され、div をリロードすることを期待してすべて正常に動作します。ajax が成功コールバックを実行すると、彼は私のサイドバー idk whay を複製します。