如何在ajax调用中停止asp.net中的页面刷新?

时间:2016-09-21 19:35:30

标签: javascript jquery asp.net ajax

我想在ajax调用上停止页面刷新。我创建了多个视图,当用户从树视图中单击链接按钮时,这些视图就会打开。

在每个按钮上点击视图在页面刷新后打开。我想在用户点击按钮时加载图像图标并停止页面刷新并显示数据。

有人可以帮我解决这个问题吗?

树视图:

<ul>
   <li>
      <asp:LinkButton runat="server" OnClientClick="DisplayLoadingDiv()"  ID="Button1" Text="Add Institute" OnClick="Button1_Click" />
   </li>

服务器端代码:

protected void Button1_Click(object sender, EventArgs e)
    {            
        MultiView1.Visible = true;
        MultiView1.SetActiveView(View1);
    }

1 个答案:

答案 0 :(得分:0)

如果您正在使用ASP.net中的WebForm结构,那么您的内容将被包装在表单中。页面上的每个按钮都会提交此表单。您可以使用jQuery来阻止提交表单:

$( "#yourFromID" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

然后你的ajax调用将按预期工作