如何防止从asp.net链接按钮回发

Question

平均售价：

<asp:LinkButton ID="lbSave" OnClick="lbSave_Click" runat="server">Save</asp:LinkButton>

HTML：

<a id="ContentMain_lbSave" href="javascript:__doPostBack(&#39;ctl00$ContentMain$lbSave&#39;,&#39;&#39;)">Save</a>

代码隐藏：

public void lbSave_Click(object sender, EventArgs e)
    {
        if (strP != "")
        {
            ScriptManager.RegisterStartupScript(this.Page, typeof(Page), "DiffUser", "showDiffUser();", true);
        }
        else
        {
            //do something else...
        }
    }

JQuery:

function showDiffUser() {
    $("#dvHide").fadeIn("slow");
    $("#backOverlay").fadeIn("slow");
}

当我单击按钮时，我希望页面不进行回发并运行 JQuery 函数。相反，当我单击链接时，它会刷新页面，然后执行 JQuery 函数。

如何防止回发。

我尝试了以下方法：onClientClick='javascript:void(0);'，但这并没有执行 JQuery 函数。

Answer 1

试试

OnClientClick="return false;"

更新：

OnClientClick="showDiffUser();return false;"

showDiffUser(); 调用 JS-Method

return false; 防止回发

Answer 2

您只需在单击按钮后将 jQuery 函数调用添加到页面。当然，如果您禁止点击回发，则函数调用永远不会到达页面并且永远不会被执行。

你想要的是调用这个函数然后抑制，对吧？因此这样做：

OnClientClick="showDiffUser(); return false;"

而且您不再需要服务器端点击处理程序。

Answer 3

如果您不想导致回发，请不要使用 .Net LinkBut​​ton，而是使用标准 HTML 超链接并使用 jQuery 来捕获事件：

<a id="my-link">Save</a>

<script>
$(function () {
   $("#my-link").click(function () {
      showDiffUser();
   });
})
</script>

在同一个调用中，您可以进行 AJAX 调用来提高您的服务器端验证：

<script>
$(function () {
   $("#my-link").click(function () {
      // AJAX Call
        $.ajax({
            type: "post",
            url: "your-url",
            success: function (returnData) {
                showDiffUser();
            }
        });
   });
})
</script>