【问题标题】:fire server click event after executing a jquery ajax call from client click event从客户端单击事件执行 jquery ajax 调用后触发服务器单击事件
【发布时间】:2013-09-01 13:06:39
【问题描述】:

有一个带有客户端和服务器端事件的 asp 图像按钮。 客户端方法通过 jQuery Ajax 调用 web 方法。 在 OnSuccess 事件中,需要触发服务端事件。

代码 sn-p:

<asp:imagebutton id="imgbtn" runat="server" ImageUrl="/Images/icon.gif" OnClick="return CheckAPP();"></asp:imagebutton>

function CheckAPP() {
    $.ajax({
        type: "POST",
        url: "testPage.aspx/ValidateSerialNumber",
        data: "{strSerialNumber:'" + strSerialNumbers + "',strManufPartNo:'" + strMPartNo + "',strCountryCode:'" + '<%=strCountryCode %>' + "',strIpAddress:'" + '<%=strIpAddress.Trim %>' + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            return true;
        },
        failure: function (msg) {
            return true;
        }
    });
}


Private Sub imgbtn_Click(ByVal sender As System.Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles imgbtn.Click
  SaveInfo()
End Sub

【问题讨论】:

    标签: jquery asp.net ajax vb.net


    【解决方案1】:

    你可以使用jquery trigger():

    编辑:从 OnClientClick 调用 CheckApp() 函数:

    <asp:imagebutton id="imgbtn" runat="server" ImageUrl="/Images/icon.gif" OnClientClick="return CheckAPP();"></asp:imagebutton>
    

    并返回truefalse触发click事件:

    function CheckAPP() {
        $.ajax({
            type: "POST",
            url: "testPage.aspx/ValidateSerialNumber",
            data: "{strSerialNumber:'" + strSerialNumbers + "',strManufPartNo:'" + strMPartNo + "',strCountryCode:'" + '<%=strCountryCode %>' + "',strIpAddress:'" + '<%=strIpAddress.Trim %>' + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                return true;
            },
            failure: function (msg) {
                return false;
            }
        });
    }
    

    【讨论】:

    • 这只会触发客户端事件
    猜你喜欢
    • 2018-07-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多