提交ajax后,jQuery表单插件重复元素

时间:2016-03-22 18:45:21

标签: javascript jquery ajax jquery-forms-plugin jqueryform

我正在使用jquery表单插件向服务器发送请求并在数据库中写入一些数据。提交表单后,侧边栏等元素会重复。我将target设置为成功后刷新的容器。所有工作都很好,但是元素重复。

<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。

0 个答案:

没有答案