#key# Ajax: Asynchronous JavaScript And XML #key# is used to create asynchronous web applications. It is deployed on the client-side and makes use of several web technologies. 

>Ajax has made it easier to send and retrieve data from a server asynchronously without interfering with the existing page's display and functionality. 

Ajax is not a programming language and requires a built-in browser with the XMLHttpRequest object, which requests data from the server. It also uses JavaScript and HTML DOM to display the data.

# Ajax post method
The **Ajax post method** sends an asynchronous request to the server to load data.

Its syntax is:

```
jQuery.post(url, data, callback, dataType)
```

Where: 
* **`url`**- is the address to which the request should be sent. It is mandatory.
* **`data`** - a plaintext object or string sent to the server.
* **`callback`**- an optional function that is executed if the request succeeds.
* **`dataType`** - the type of data expected from the server. If this value is added, the callback must also be defined.


# Ajax post example
Let's look at an example --
first, we need to introduce some HTML + jQuery text: 
 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    // first paramter to post is URL we wish to request ("post.asp").
    $.post("post.asp",
    {
      // Then we pass in some data to send along with the request (name).
      name: "Chandler Bing",     
    },
    function(data,status){
      /*Callback function. The first callback parameter holds the content of the page requested, 
      and the second callback parameter holds the status of the request. */
      document.write(data + "\nStatus: " + status);
      // status is our task status, success, error etc.
    });
  });
});
</script>
</head>
<body>

<button>Welcome</button>

</body>
</html>


codemirror

We need to define our `post.asp` file, which is also the first parameter of our `.post` method. This file also refers to the URL we wish to request. 
```
// post.asp
<%
dim name
name=Request.Form("name")
Response.Write("Hello " & name & ". Welcome to Educative.")
%>
```

When you click on the `welcome` button, this `post.asp` is executed, and the button is replaced with the following data. 


<html>
 <head>
 </head>
 <body>
   <p>Hello Chandler Bing. Welcome to Educative. Status: success</p>
 </body>
</html>

What is the Ajax post example function?

AjaxAsynchronous JavaScript And XML is used to create asynchronous web applications. It is deployed on the client-side and makes use of several web technologies.  Ajax has made it easier to send and retrieve data from a server asynchronously without interfering with the existing page s display and functionality.  Ajax is not a programming language and requires a built-in browser with the XMLHttpRequest object, which requests data from the server. It also uses JavaScript and HTML DOM to display the data. Ajax post method The Ajax post method sends an asynchronous request to the server to load data. Its syntax is: jQuery.post(url, data, callback, dataType)  Where:  url- is the address to which the request should be sent. It is mandatory. data - a plaintext object or string sent to the server. callback- an optional function that is executed if the request succeeds. dataType - the type of data expected from the server. If this value is added, the callback must also be defined.  Ajax post example Let s look at an example – first, we need to introduce some HTML + jQuery text: 