在没有刷新页面的情况下更新 DataTables 表中的行

Question

我的脚本有问题。

在我的表中，每一行都有一个 url 链接，它打开带有电子邮件输入的模式窗口，无需刷新页面即可更改此电子邮件。

如果您只更改一行，脚本就可以了。 如果我更改第二、第三等行，则每个值都会更改为最后一个。

如果我刷新页面 (F5) - 脚本完美运行。

有帮助吗？ 非常感谢。

 $(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody').on('click', 'a', function () { var row = $(this).closest('tr[role="row"]'); var data = table.row(row).data(); $("#myModal").modal("show"); $("#email").val(data[0]); $("#ulozit").click(function(){ var novy_email = $("#email").val(); $.ajax ({ method: "POST", url: "action_admin.php?action=uprava_emailu", data: { novy_email:novy_email, id:data[3] }, success: function(data) { table.ajax.reload(); $("#myModal").modal("hide"); } }) }); }); });

Answer 1

您嵌套了onClick处理程序。

每次调用第一个处理程序时都会添加第二个处理程序。 jQuery 事件模型允许一个元素上有多个处理程序，因此后面的处理程序不会覆盖旧的处理程序。 处理程序将按照它们被绑定的顺序执行。

简而言之：不要嵌套处理程序。