javascript - Ajax Post URL 不适用于 ASP.net 图像按钮 OnClientClick onClick

Question

Ajax Post URL 不适用于 ASP.net 图像按钮 OnClientClick 。我想通过 OnClientClick 中的 Ajax Post URL 获取值。

 <asp:ImageButton ID="btngo" runat="server" ImageUrl="~/oea_images/login_btn.png"
      OnClick="btngo_Click" OnClientClick="clean_all();" Width="80px" />

    function clean_all() {
        try {
            alert("enter");
            $.ajax({
                type: "POST",
                url: "WebForm9.aspx/ForceOut",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msgs) {
                    //alert(msgs);
                    //alert(msgs.d);
                    if (msgs.d == "out") {
                        alert("check");
                    }
                }
            });
        } catch (ex) {
            alert(ex.Message);
        }
    }

Answer 1

返回 false 以避免回发。另外删除asp Image按钮的OnClick属性并尝试一下。

       var varglobal=false;
                function clean_all() {
                        try {
                          if(!varglobal){
                            alert("enter");
                            $.ajax({
                                type: "POST",
                                url: "WebForm9.aspx/ForceOut",
                                data: "{}",
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                success: function (msgs) {
                                    //alert(msgs);
                                    //alert(msgs.d);
                                    if (msgs.d == "out") {
                                        alert("check");

                                        varglobal=true;
                                        $("#btngo").click();// hopes master page isn't                           used.

                                    }
                                }
                            });
                          }
                        } catch (ex) {
                            alert(ex.Message);
                        }
                     return varglobal;
                    }

由于是 ASP 图像按钮， 返回 false 可能不会阻止回发(回发不是的默认功能>输入[类型=图像])。请参阅here知道如何实现。

当发生回发时，对服务器的 Ajax 请求将被取消，并且错误函数将被执行。您可以通过阻止回发来避免这种情况。