jQuery UI dialog and Ajax POST in asp.net

Question

In the example below, how can i post data to webservice after clicking login button in asp.net?

 

        $(document).ready(function () {
        var username=$("#username").val();
        var password=$("#pass").val();

            $("#dialog").dialog({
                bgiframe: true,
                autoOpen: false,
                height: 400,
                width: 300,
                modal: true,
                buttons: {
                    "Cancel": function () {
                        $(this).dialog("close");
                    },
                    "Login":function() {
                    $.ajax(
                    {
                    type:"POST",
                    dataType:"json",
                    url:"WebService.asmx/Login",
                    contentType:"application/json",
                    data:"{username:'"+username+"',password:'"+password+"'}",
                    success:function(val)
                    {
                    $("#isValid").attr("value",val.d);
                    }}
                    );
                    },
                },
            });

            var isValid = $("#isValid").val();
            if (isValid== "false") {
                // Display the modal dialog.
                $("#dialog").dialog("open");

            }
        });

Can you add an "error:" property to your .ajax call and get the error information and post it here? It's difficult to determine what your issue is without more information. — Charles Boyung
– Charles Boyung, Commented Nov 30, 2010 at 15:41
@Charles Boyoung:My requirement is to post data to webservice after clicking the login button — santosh singh
– santosh singh, Commented Nov 30, 2010 at 15:51
@santosh - and what isn't working? Doing what I said will give you an error message that will help determine why what you have isn't working. — Charles Boyung
– Charles Boyung, Commented Nov 30, 2010 at 15:57
@Charles:After clicking login button i want to post the value of two text boxes named username and password to webservice. — santosh singh
– santosh singh, Commented Nov 30, 2010 at 16:02
@santosh - how do you know you aren't getting an error? You aren't using the "error" property in your ajax call, which means that any errors are just getting lost. See api.jquery.com/jQuery.ajax and look at the error property to see how to use it. — Charles Boyung
– Charles Boyung, Commented Nov 30, 2010 at 16:10

Yves M. · Accepted Answer · 2010-11-30 15:35:09Z

1

If you have the following signature on your WebService...

function bool Login(string userName, string password)

You just need to provide a javascript object in the JSON-notation that looks like this:

{ "userName" : "Admin", "password": "1234" }

Hint: make sure that the names in the javascript object do have the same name and casing... Makes life much easier.

Hope I understood your question correctly...

answered Nov 30, 2010 at 15:35

Yves M.

3,31816 silver badges12 bronze badges

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

3 Comments

santosh singh Over a year ago

I am looking for postback after button click

HyderA Over a year ago

What exactly is your problem? You're not being very clear. This should've answered your question.

santosh singh Over a year ago

@gAMBOOKa:My requirement is to post data to webservice after clicking the login button

Collectives™ on Stack Overflow

jQuery UI dialog and Ajax POST in asp.net

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related