Execute javascript/jquery code OnClick and conditional post back to ASP function

Question

jQuery newbie question here... I have a jQuery dialog that displays a warning with a "OK" or "Cancel" and based on what they click the result needs to then execute the server side ASP onClick event.

I've attempted to write it along these lines:

            "OK": function () {
                $(this).dialog("close");
                return true;
            },
            Cancel: function () {
                $(this).dialog("close");
                return false;

But it never posts back to the asp server side method.

Am I off base in what I am trying to accomplish here, and is there standard 'best practice' type of way of implementing this type of functionality?

ShankarSangoli · Accepted Answer · 2012-02-27 19:19:18Z

1

You have to call __doPostBack() method with appropriate eventTarget and eventArgument to call its sever click handler.

  "OK": function () {
       $(this).dialog("close");
       __doPostBack('serverElementId', 'arguments');
   }

You can take a look at the below link to understand how ASP.Net postback mechanism works.

http://wiki.asp.net/page.aspx/1082/dopostback-function/

answered Feb 27, 2012 at 19:19

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

Comments

Evan Davis · Accepted Answer · 2012-02-27 19:15:44Z

0

Assuming you want to execute the POST on "OK", you'd need to add something like:

"OK": function () {
  $.post('someurl.asp', {data}, function() {
    // what to do after the post
  }
  $(this).dialog("close");
  return true;
}

As it currently stands, your code just closes the dialog either way.

answered Feb 27, 2012 at 19:15

Evan Davis

36.7k7 gold badges53 silver badges58 bronze badges

Comments

Jasper · Accepted Answer · 2012-02-27 19:16:55Z

I don't have experience with asp.net but you can use an AJAX request to post data to your server-side script:

        "OK": function () {
            $(this).dialog("close");
            $.ajax({
                url      : 'myscript.asp',
                type     : 'get',
                dataType : 'json',
                data     : { state : 'OK' },
                success  : function (serverResponse) {
                    //you can now access the serverResponse
                },
                error    : (jqXHR, errorText, errorThrown) {
                    //always make sure to handle your errors
                }
            });
            return true;
        },
        Cancel: function () {
            $(this).dialog("close");
            $.ajax({
                url      : 'myscript.asp',
                type     : 'get',
                dataType : 'json',
                data     : { state : 'Cancel' },
                success  : function (serverResponse) {
                    //you can now access the serverResponse
                },
                error    : (jqXHR, errorText, errorThrown) {
                    //always make sure to handle your errors
                }
            });
            return false;
        }

Docs for $.ajax(): http://api.jquery.com/jquery.ajax

Collectives™ on Stack Overflow

Execute javascript/jquery code OnClick and conditional post back to ASP function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related