2013-12-12 73 views
-1

我有一個頁面,我有一個音頻和視頻設置,但是當我提交數據時,它會重新加載頁面。如何在不重新加載頁面的情況下插入數據?我已經嘗試了以下,它不起作用。提交按鈕不適用於此功能。如何讓一個按鈕不用做回傳工作

<asp:Button ID="btnSumbit" runat="server" Text="Add Player Stats" BackColor="Black" BorderColor="Yellow" BorderStyle="Groove" Font-Bold="True" Font-Names="Vani" ForeColor="Yellow" OnClientClick="yourfunction();return false;" UseSubmitBehavior="false" OnClick="btnSubmit_Click" /> 
+2

只使用JavaScript做客戶端,你使用的是Asp還是MVC? Javascript與JQuery結合,甚至更好。 – Max

+0

嘗試將所有控件放入UpdatePanel中。它不會刷新頁面。 –

+0

AJAX可以工作。使用UpdatePanel或使用jQuery。 –

回答

0

如果您有jQuery的加載嘗試添加event.preventDefault();到您的JavaScript函數開始時調用上的OnClientClick。然後使用來自客戶端的ajax調用傳遞數據。

yourfunction(){ 
event.preventDefault(); 
// then add your code for submission here 
//something like 
$.ajax({ 
     url: "submission.aspx/submitData", 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     data: data 
    }) 
    .done(function (data) { //success function}) 
    .fail(function (jqXHR, status) { //error function }); 
} 

,並有這樣的事情在你的服務器端

[WebMethod] 
public static void SubmitData(string[] data) { 
    //save data; 
} 

有關如何做到這一點的詳細信息,take a look at this

0

使用Ajax: 首先改變你的控制是純HTML,並使用CSS(相信我這會改變你的生活,很容易處理純HTML/CSS,然後依靠那些來自.Net的自定義控件):

  1. <input type="button" id="btnSubmit" />

  2. 武官JavaScript事件處理程序與AJAX請求:

    $( 「btnSubmit按鈕」)點擊(函數(){$ .post的( 「yourpage.aspx」,函數(){。 警報(「成功」); }); });

0

您需要刪除OnClick="btnSubmit_Click"這會調用回發。

相關問題