2014-04-23 136 views
2

我用login.aspx創建了一個webform文件。但是,當我點擊按鈕頁面得到刷新和JavaScript函數被調用,而不是我想要的是,點擊按鈕後,頁面不應刷新,應該能夠調用JavaScript函數?頁面在點擊按鈕時在網頁表單.aspx文件中被刷新?

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

回答

2

使用event.preventDefault()停止默認行爲myfunction()

所以你的功能將類似於:

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

那個東西是不是在Firefox工作 – Avinash

1

可以使用的preventDefault這一點。

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

如果您不需要頁面刷新經過簡單的函數調用返回false,並確保你不會在函數調用得到任何錯誤。

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

您必須在函數調用後設置返回false。否則頁面將獲得完整回發。

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

Return false從頁回發防止執行該功能以後。

您可以參考閱讀更多關於返回假下面的鏈接

Return false in javascript..

0

如果使用<button>標籤,它將作爲一個提交按鈕,它會回發。所以在<button>標籤中使用type="button",它不會允許回發,它會像html控件一樣行事。

試試這個:

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