Passing Multiple Values while using jQuery.Ajax()

Tweet

I recently saw a question on the forums where the user needed to pass the value of multiple textboxes while performing an async HTTP request using $.Ajax()

Here’s how to pass the values of multiple textboxes in the $.Ajax() call. The call is being made to an ASP.NET WebMethod which accepts 3 parameters.

$.ajax({
    type: "POST",
    url: "Customer.aspx/GetAddress",
    data: { v1: $('#tb1').val(),
            v2: $('#tb2').val(),
            v3: $('#tb3').val()
        },
    success: function(msg) {
        // do something with msg
    }
});

Tweet

About The Author

Suprotim Agarwal, Developer Technologies MVP (Microsoft Most Valuable Professional) is the founder and contributor for DevCurry, DotNetCurry and SQLServerCurry. He is the Chief Editor of a Developer Magazine called DNC Magazine. He has also authored two Books - 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook.

Follow him on twitter @suprotimagarwal.