点击按钮后如何阻止页面每次都重新加载？

嘿，这个问题我太熟了！ASP.NET的<asp:LinkButton>默认会触发页面回发，哪怕你在OnClientClick里调用了AJAX方法，回发流程还是会走一遍，导致页面刷新。给你两种简单有效的解决方案：

方法一：直接在OnClientClick里返回false #

修改你的LinkButton代码，在调用GetData()之后加上return false，这样就能直接阻止默认的回发行为：

<asp:LinkButton ID="btnok" runat="server" CssClass="btn btn-primary okBtn" OnClientClick="GetData(); return false;" >Ok</asp:LinkButton>

这个方法最简单，不需要改你的GetData函数，直接在按钮上做手脚就行。

方法二：在GetData函数里阻止事件默认行为 #

如果想让逻辑更内聚，可以把阻止行为放到函数里。先修改按钮的OnClientClick，把事件参数传进去：

<asp:LinkButton ID="btnok" runat="server" CssClass="btn btn-primary okBtn" OnClientClick="return GetData(event);" >Ok</asp:LinkButton>

然后更新你的GetData函数，添加事件阻止逻辑，最后返回false：

function GetData(e) {
    // 阻止浏览器的默认事件（也就是回发）
    if (e) {
        e.preventDefault();
    }

    try {
        $.ajax({
            type: "POST",
            url: "CompanyOverAllReport.aspx/GetAllData",
            data: '{date1: "' + $('#<%=this.txtDateFrom.ClientID%>').val() + '" , date2: "' + $('#<%=this.txtDateto.ClientID%>').val() + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(response) {
                var data = response.d;
                ExecuteGraph(data);
            },
            failure: function(response) {
                alert("f");
            }
        });
    } catch (e) {
        alert(e);
    }

    // 双重保险，返回false彻底阻止回发
    return false;
}

这种方式更灵活，万一以后要调整逻辑，直接在函数里改就行。

两种方法都能解决你的问题，选哪个全看你自己的代码习惯~

内容的提问来源于stack exchange，提问作者Md Abdul Mannan