Примеры для jQuery.post()

> > > > Примеры

Запрос страницы "test.php", но без обработки полученного результата.

1
 
$.post( "test.php" );

Запрос страницы "test.php" с отправкой дополнительных данных (все еще игнорируем полученные результаты выполнения запроса).

1
 
$.post( "test.php", { name: "John", time: "2pm" } );

Передает массив данных на сервер (все еще игнорируем полученные результаты выполнения запроса).

1
 
$.post( "test.php", { 'choices[]': [ "Jon", "Susan" ] } );

Отправляет данные формы с Ajax запросом

1
 
$.post( "test.php", $( "#testform" ).serialize() );

Показывает результат выполнения запроса в alert'е (HTML или XML, зависит от того что вернет сервер).

1
2
3
 
$.post( "test.php", function( data ) {
  alert( "Data Loaded: " + data );
});

Показывает результат выполнения запроса в alert'е, запрос передает дополнительные данные на сервер.

1
2
3
4
 
$.post( "test.php", { name: "John", time: "2pm" })
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });

POST запрос на страницу "test.php" и получение содержимого в формате json (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>).

1
2
3
4
 
$.post( "test.php", { func: "getNameAndTime" }, function( data ) {
  console.log( data.name ); // John
  console.log( data.time ); // 2pm
}, "json");

Отправляет данные формы при помощи Ajax запроса и помещение ответа сервере в div элемент

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.post demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search...">
  <input type="submit" value="Search">
</form>
<!-- результат поиска будет размещен внутрь этого div элемента -->
<div id="result"></div>
 
<script>
// Прикрепляем submit обработчик формы
$( "#searchForm" ).submit(function( event ) {
 
  // Останавливает дальнейший сабмит формы с обновлением страницы
  event.preventDefault();
 
  // Получает некоторые значение из элементов на этой странице:
  var $form = $( this ),
    term = $form.find( "input[name='s']" ).val(),
    url = $form.attr( "action" );
 
  // Отправляет данные при помощи POST запроса
  var posting = $.post( url, { s: term } );
 
  // Помещаем результат внутрь div элемента
  posting.done(function( data ) {
    var content = $( data ).find( "#content" );
    $( "#result" ).empty().append( content );
  });
});
</script>
 
</body>
</html>

Демонстрация: