How to use post() Method in JQuery AJAX

In this article, I will explain use of post() Method in JQuery AJAX.
  • 2714

JQuery AJAX post() Method

  • post() method Load URL for requested document to open using The post() method is used to perform an AJAX HTTP POST request..




  • url: url is required parameter. A string containing the url to send the request to server.
  • data: data is optional parameter. data to send to the server when request was found.
  • callback: callback is the optional parameter. It is use to represents a function to be executed whenever he data is loaded successfully.
  • type: type is the optional parameter. it is represents type of data to be returned to callback function: "xml", "html", "script", "json", "jsonp", or "text".



The following example show the use of post() method.


<!DOCTYPE html>



<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("input").keyup(function () {

            txt = $("input").val();

            $.post("demo_ajax_gethint.asp", { suggest: txt }, function (result) {








<h2>post() Method Example</h2>

<p>Enter name for name suggestion:</p>

First name:

<input type="text" />

<p>Suggestions: <span></span></p>





You may also want to read these related articles Click here

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.