Raise Server side button click event from javascript in ajax call

Question

I have a submit button on a page.

<asp:Button ID="btnSubmit" runat="server" Text="Save Test" OnClick="btnSubmit_Click"
                                        OnClientClick="return ValidateSaveTest(this);" />

On Javascript, ValidateSaveTest function is called which validates all the fields.

function ValidateSaveTest(Sender) {

            //do some validation, if fails return false from here. else move forward

        var parameters = {};
        parameters["parametersName"] = $("#" + hidTestId).val();

        var succeededAjaxFn = function(result) {
            if (result== true) {
                var isNewVersion = confirm("Confirmation message");
                if(isNewVersion)
                {
                        //Raise server side button click event. Dont call click side event anymore.
                        $("#" + "<%=btnSubmit.ClientID %>").click();
                }
                return false;
            }

        }
        var failedAjaxFn = function(result) { return false; }

            //jquery ajax call
        CallWebMethod("../Service.asmx", "IsTestUsed", parameters, succeededAjaxFn, failedAjaxFn);

        //async call, always return false hence no postback from here.
        //Need waiting unless ajax response is obtained.
        return false;
    }

I need to raise server side button click event from javascript once ajax response is received.

rene · Accepted Answer · 2025-08-17 09:24:47Z

You can get the required JavaScript code from the ClientScriptManager's GetPostBackEventReference method:

Returns a string that can be used in a client event to cause postback to the server.

Also note:

The GetPostBackEventReference method can be used with the Button control when the UseSubmitBehavior property is false. In this scenario, the GetPostBackEventReference method returns the client postback event for the Button control

This is normally used for writing the onclick attributes on controls like the <asp:linkButton>, but you can use it in your jQuery callback as well:

var succeededAjaxFn = function(result) {
  //Raise server side button click event. Dont call click side event anymore.
  <%= Page.ClientScript.GetPostBackEventReference(btnSubmit, String.Empty) %>;
}

The <%= %> block above will write out the following JavaScript for you:

__doPostBack('btnSubmit','')

Which in turn will post back the form to the server in such a way that ASP.NET thinks the button was clicked, and so the server-side btnSubmit_Click is triggered.

Notice that using this method, you can pass in a C# reference to the actual control. You don't need to worry about its client ID, or the correct name and arguments of the __doPostback() JavaScript function. All that is taken care of by the ClientScriptManager when you call this method.

simplycurious · Accepted Answer · 2013-09-02 10:32:56Z

3

Try this

__doPostBack('<%=btDemo.ClientID%>','OnClick');

Note the double underscore at the beginning

This should trigger a postback if the button was clicked by the user

edited Sep 2, 2013 at 10:32

simplycurious

7967 silver badges15 bronze badges

answered Jan 7, 2012 at 16:27

Crab Bucket

6,2679 gold badges43 silver badges73 bronze badges

2 Comments

Shantanu Gupta Over a year ago

This is making a postback, but it is not raising button's server side button click event.

Andez Over a year ago

ClientID didn't work for me either, but UniqueID did. My code is entwined in a mess of SharePoint 2010 markup and I noticed someone else mention using this property. Also <%= Page.ClientScript.GetPostBackEventReference(this.SaveButton, string.Empty) %>; works for me too.

Collectives™ on Stack Overflow

Raise Server side button click event from javascript in ajax call

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related