Javascript 当在jsp中单击一个按钮时，它会再次调用js中的ready函数。错误

我在jsp中有一个按钮

<button id="btnViewAll">View All</button>

但当我调试js文件时。它再次调用js中的ready函数。不调用viewAllInventory函数

我在js中的ready函数是

$(document).ready(function() {
$("body").off("click", "#btnAdd").on("click", "#btnAdd", doAdd);
$("body").off("click", "#btnClear").on("click", "#btnClear", doClearAll);
$("body").off("click", "#btnSearch").on("click", "#btnSearch", doSearch);
$("body").off("click", "#btnDelete").on("click", "#btnDelete", deleteRow);
$("body").off("click", "#btnViewAll").on("click", "#btnViewAll", viewAllInventory);
 });

所有的ajax调用都工作得很好，我想正确地处理这一行

$("body").off("click", "#btnViewAll").on("click", "#btnViewAll", viewAllInventory);

---

谁能给我一个主意，为什么会发生这种情况？

我试过你的代码，它对我很有用。我认为问题可能出在你的html中

如果在表单元素中有btnViewAll按钮，则每个按钮单击都会提交该表单，从而重新加载页面以便添加

$('form').submit(function(e){
    e.preventDefault();
});

在你的

$(document).ready(function() { 
......
......
}

函数，以便您可以阻止表单提交。

---

或者，如果您没有进行任何表单提交（只有ajax类型的发布），那么您可以简单地删除表单元素

我们可以通过将

查看所有

更改为

查看所有

来解决此问题。我们需要添加

type=“button”

，否则它会被识别为提交按钮

$(document).ready(function() { 
......
......
}