Question

我有一个页面，我有一个音频和视频设置，但当我提交数据时，它重新加载页面。如何在不重新加载页面的情况下插入数据？我尝试过以下内容并不起作用。提交按钮不适用于此功能。

<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" />

Answer 1

如果你加载了jQuery尝试将event.preventDefault();添加到在OnClientClick上调用的javascript函数的开头。然后使用来自客户端的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

Answer 2

使用Ajax：首先将您的控件更改为纯HTML，并使用CSS（相信我，这将改变您的生活。很容易处理纯HTML / CSS然后依赖.Net的那些自定义控件）：

<input type="button" id="btnSubmit" />
使用AJAX请求附加JavaScript事件处理程序：

$（ “btnSubmit按钮”）。单击（函数（）{ $ .post（“yourpage.aspx”，function（）{ 警报（ “成功”）; }）; }）;

Answer 3

你需要删除OnClick="btnSubmit_Click"这会调用回发。

如何在不执行pagepostback的情况下使按钮工作

3 个答案: