Question

我使用login.aspx创建了一个webform文件。但是，当我点击按钮时，页面正在刷新，javascript函数被调用而不是我想要的是，点击按钮后页面不应该刷新，应该能够调用javascript函数？

  <html>
  <body>
  <form runat="server">
  <button id="formsubmission" onclick="myfunction()"> GetData </button>
  </form>
  </body>
  </html>

Answer 1

您必须在函数调用后设置return false。否则页面将获得完整的回发。

<button id="Button1" onclick="myfunction(); return false;"> GetData </button>

Return false在执行函数后阻止页面回发..

您可以参考以下链接，详细了解 return false

Answer 2

使用event.preventDefault()停止myfunction()中的默认行为。

所以你的功能如下：

function myfunction(event){
    event.preventDefault();
    ...
    ...
}

Answer 3

如果您不需要页面刷新，只需在函数调用后返回false，并确保在函数调用中没有出现任何错误。

<button id="formsubmission" onclick="myfunction(); return false;"> GetData </button>

Answer 4

您可以使用preventDefault。

$("#formsubmission").click(function(event){
  event.preventDefault();
  // code to execute
});

Answer 5

如果您使用<button>标记，它将作为提交按钮，它将回发。因此，在type="button"标记中使用<button>，它将不允许回发，它将像html控件一样。

试试这个：

<button type="button" id="formsubmission" onclick="myfunction()"> GetData </button>