javascript - 在 jQuery 中单击“提交”按钮更新全局计数器变量

Question

当单击 type="submit"按钮时，我尝试更新 JavaScript 中的全局计数器变量。

我的提交按钮定义如下:

<button
  id="submitClicked"
  type="submit"
  value="Add &amp View Next"
> 

我在 JavaScript 中使用以下代码来更新一个名为 orderCounter 的全局变量，每次单击“添加并查看下一个”按钮时该变量都会递增:

var orderCounter;

window.onload = function () {
  document
    .getElementById("submitClicked")
    .onclick=incrementCounter;
};

function incrementCounter() {
  if (orderCounter == null) {
    orderCounter = 0;
  } else {
    orderCounter = orderCounter + 1;
  }

  alert(orderCounter);
  return orderCounter;
}

包含此代码的 alert 始终显示 0。任何人都可以看到我哪里出了问题吗？

注意:除了在 HTML 表单中使用 onClick 之外，我还尝试在 submitClicked id 上使用 jquery .click。

我意识到这应该很简单；不知道我哪里错了。

谢谢!

Answer 1

问题是，每次单击提交按钮时，页面都会刷新，因此 orderCounter 变量会自行重置。一种解决方案是持续等待，以便每次加载页面时其值都不会重新初始化。一种解决方案是使用 kookies:https://www.w3schools.com/js/js_cookies.asp 。我希望这会对你有所帮助