---

Search posts under jQuery:

---

.post() & .get() - Get & Post request to server in jQuery

How to send request to and get response from server using HTTP Get and HTTP Post method in jQuery?

To send request to and get response from the server using HTTP Get and HTTP post, we can use post() and get() methods respectively. In this way also browser post back doesn?t happen.

Post()

  <input type="button" id="btnPost" value="Load Data using Post" />
    <div id="divResult"></div>
    
    <script>
        $("#btnPost").click(function () {
            $.post(
            "jQueryAjaxData.aspx",
            { a: "20", b: "6" },
            function (data) {
                $("#divResult").html("<b>The result is: " + data + "</b>");
            });
        });
    </script>

This is similar to .ajax method however this guarantees that ajax request will be sent to the server using html form post method only. Here are the parameters to pass

• 1^st parameter is the url to post data
• 2^nd parameter is the data to be posted. Note that parameter should be specified in the curly braces and key and value should be separated with “:” (colon)
• 3^rd  will be the function to execute after successful request. Here “data” will have all the response string returned by jQueryAjaxData.aspx page

var a = Request.Form["a"]; // a value will be 20
var b = Request.Form["b"]; // b value will be 6

   <input type="button" id="btnGet" value="Load Data using Get" />
   <div id="divResult"></div>
    
    <script>
        $("#btnGet").click(function () {
            $.get(
            "jQueryAjaxData.aspx",
            { ag: "2", bg: "6" },
            function (data) {
                $("#divResult").html("<b>The result is: " + data + "</b>");
            });
        });
    </script>

var a = Request.QueryString["ag"]; // the value will be 2
var b = Request.QueryString["bg"]; // the value will be 6