How to post data using jQuery in ASP.NET?

Question

Hello

I have an ASP.NET application in which i want to post data using jQuery to another page. It means i want post the data of page.

How can i do this with jQuery or AJAX?

Please help me.

 $(document).ready(function() {
         alert("start");
        $("#btnSave").click(function() {
        alert("start1");
            var aa = 'bb';
            var json = "{'ItemName':'" + aa + "'}";
            alert("start2");
            var ajaxPage = "Default3.aspx?Save=1"; //this page is where data is to be retrieved and processed
            alert("start3");
            var options = {
                type: "POST",
                url: ajaxPage, 
                data: json,
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                async: false,
                success: function(response) {
                    alert("success: " + response);
                },
                error: function(msg) { alert("failed: " + msg); }

            };

alert("start4");

        });



    });

I am using this code I am getting all alert response but its posting page.

Answer 1

There is load function.

You may use it like this:

$('#somediv').load('http://someaddress',{key:value}, function callback(){});

Second parameter is important - only written in this way performs post.(if you pass array then it performs get)

PS> This is good when you want to read the data, if you want to just do the POST and don't care about what comes back then you may want to use: http://docs.jquery.com/Ajax/jQuery.post#urldatacallbacktype

Answer 2

Look at $.post() - http://docs.jquery.com/Ajax/jQuery.post

Add all your relevant data, and post away, handling the response with the supplied callback method.

Answer 3

There is a post function in jQuery:
$.post("test.php", { name: "John", time: "2pm" } );
This is copied directly from the jQuery API, so for more details and examples you can look there.
jQuery api
choose Ajax > Ajax Requests > $.post

Answer 4

Jquery and JSON works great with ASP.NET. You can call a code behind method directly from javascript and return complex objects, not just string. (for this example to work you need json2.js found here http://json.org/json2.js)

//javascript
function postMethod(text){ 
var jsonText = JSON.stringify({ name:text });
    $.ajax({
    type: "POST",
    url: "yourpage.aspx/GetPerson",
    contentType: "application/json; charset=utf-8",
    data: jsonText,
    dataType: "json",
    success: function(response) {
        var person = response.d;
        alert(person.Name);
    }
});
}

//aspx code behind
[WebMethod]
public static Person GetPerson(string name)
{
   Person person = new Person(name);
   return person;       
}