Метод jQuery AJAX .post ()

Метод jQuery post ($ .post (url)) загружает данные с сервера с помощью HTTP-запроса. 
$.post( () - это краткая форма метода $.ajax()
$.post("ajax/post_test.php",{ name:txtname, location: txtlocation },function(ajaxresult){
$.ajax({url:"ajax/post_test.php",data:{name:txtname, location: txtlocation },success: function(ajaxresult){

       $.post( url, [data], [callback function], [type] )
URL:  это строка, указывающая сервер, на который отправляется запрос. Это обязательный параметр метода post.
data:  отправить данные для отправки на сервер вместе с HTTP-запросом. Например, данные, которые будут использоваться для запроса идентификатора пользователя / пароля с сервера базы данных. Для чего сценарий может быть написан по указанному URL. Это необязательный параметр метода post .
callback function:  необязательный параметр. Если запрос успешен в  методе post , эта функция будет выполняться, если она указана. Он также содержит данные, возвращенные сервером.
       Функция обратного вызова Callbackfunction(data, status, xhr)
Data  = возвращенные данные с сервера.
Status  = возвращает статус запроса, т.е. успех, ошибка, тайм-аут, не изменен.
xhr = он содержит объект XMLHttpRequest. В случае Internet Explorer по умолчанию используется ActiveXObject. В противном случае XMLHttpRequest.
dataType:  указывает тип данных, возвращаемых сервером функции обратного вызова. Возвращаемые данные в функции post могут быть в следующих формах:   текст, HTML, скрипт, XML, JSON, JSONP.
Пример 1

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$("#loaddata").click(function(){ 
$.post("ajax/ajaxexample.php",function(ajaxresult){
$("#postrequest").html(ajaxresult);
});
});
});
</script>
<button id="loaddata">Загрузить данные для postrequest Div</button>
<div>Нажмите кнопку, чтобы загрузить данные, возвращенные AJAX.</div>
<div id="postrequest"></div>
======================
ajax/ajaxexample.php
======================
Это текст, загруженный для примера ajax!
Это использовал метод $.ajax ()
и отображал загруженную информацию для указанного Div

Загрузить данные для postrequest Div
Нажмите кнопку, чтобы загрузить данные, возвращенные AJAX.

Пример 2

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$("#loaddata").click(function(){ 
txtname=$("#txtinput").val();
txtlocation=$("#txtlocation").val();
$.post("ajax/post_test.php",{ name:txtname, location: txtlocation },function(ajaxresult){
$("#postrequest").html(ajaxresult);
});
});
});
</script>
Enter Name: <input type="text" id="txtinput"><br />
Enter Location: <input type="text" id="txtlocation"><br />
<button id="loaddata">Click to send request to post_test.php</button>
<div id="postrequest"></div>
======================
post_test.php
======================
$post_name=$_REQUEST["name"];
$post_location=$_REQUEST["location"];
if( $post_name )
{
echo "Name entered is: ". $post_name ."<br>";
echo "Location:" .$post_location;
}

Enter Name: 

Enter Location: 

Click to send request to post_test.php


<script>
<$(document).ready(function(){
$("#but1").click(function(){
$.post("ajax/img.php","img=artikul_1",
function(ajaxresult){
$("#par1").html(ajaxresult);
}); });
$("#but2").click(function(){
$.post("ajax/img.php","img=artikul_2",
function(ajaxresult){
$("#par2").html(ajaxresult);
}); });
$("#but3").click(function(){
$.post("ajax/img.php","img=artikul_3",
function(ajaxresult){
$("#par3").html(ajaxresult);
}); });
});
</script>