Call function before page postback in Asp.Net using JQuery

Question

I needed to call a function before postback in Asp.Net. Is there anyway to do this using JQuery?

Please also post code from which control you want to call the function and what the function will do on call? — Suprabhat Biswal
– Suprabhat Biswal, Commented Oct 14, 2015 at 5:13
Do tou want to perform logic when a user clicks a button and before the postback? — Anders Stensaas
– Anders Stensaas, Commented Oct 14, 2015 at 5:20
@Saasen No. Actually I want to know is there any way to do this without specific element postback, it will call any postback event. — Nishantha
– Nishantha, Commented Oct 14, 2015 at 5:24

haraman · Accepted Answer · 2015-10-14 05:49:20Z

1

You can use following jQuery script in your code to call your function in the beginRequest. You must set the AutoPostBack property of those controls to true for which you want to initiate this before callback function call

<script type="text/javascript">
jQuery(function ($) {
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(function (source, args) {
        // YOUR FUNCTION CALL HERE such as display processing/loading prompt/div
    });
    prm.add_endRequest(function (source, args) {
        // any other code you want to execute after the post back finishes such as hiding processing/loading prompt/div
    });
});
</script>

Be sure to add a ScriptManager and UpdatePanel to your page. For more details you may check this MSDN reference

edited Oct 14, 2015 at 5:49

answered Oct 14, 2015 at 5:30

haraman

2,7722 gold badges31 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Psddp Over a year ago

It seems the event is not triggered for AutoPostBack, is there another event for that?

Christian Cuadros Betancur · Accepted Answer · 2015-10-14 06:03:36Z

0

Example of calling a jquery function on server side with Page_Load event:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'"Expandir Compras" its the Unique identifier of the script code
    ScriptManager.RegisterStartupScript(Me, [GetType](), "Expandir Compras", "$('#collapseCompras').collapse('show');", True)
End Sub

Maybe you can do something similar with the right event (Save Changes, Pre Load, Data Binding, etc). Hope it helps!

answered Oct 14, 2015 at 6:03

Christian Cuadros Betancur

769 bronze badges

Comments

haraman · Accepted Answer · 2015-10-14 06:17:38Z

0

You can use the following code

$(document).ready(function() {
    $("form").submit(function() {
        // do the extra stuff here
        //return true to submit the form
        //return false if do not want to submit form
    });
});

edited Oct 14, 2015 at 6:17

haraman

2,7722 gold badges31 silver badges51 bronze badges

answered Oct 14, 2015 at 5:44

Ratna

2,3293 gold badges26 silver badges51 bronze badges

1 Comment

haraman Over a year ago

Don't you think that $("form").submit(function() will run only if we click the submit button on the form and not on any other button

Collectives™ on Stack Overflow

Call function before page postback in Asp.Net using JQuery

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related