Метод JQuery Ajax POST

Отправляет асинхронный HTTP-запрос POST для загрузки данных с сервера. Его общая форма:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • url: единственный обязательный параметр. Эта строка содержит адрес, по которому следует отправить запрос. Возвращенные данные будут проигнорированы, если не указан другой параметр.
  • данные: простой объект или строка, которые отправляются на сервер с запросом.
  • успех: функция обратного вызова, которая выполняется, если запрос завершается успешно. она принимает в качестве аргумента возвращенные данные. Также передается текстовый статус ответа.
  • dataType: тип данных, ожидаемых от сервера. По умолчанию используется Intelligent Guess (xml, json, script, text, html). если этот параметр указан, то также должен быть предоставлен успешный обратный вызов.

Примеры

$.post('//example.com/form.php', {category:'client', type:'premium'});

запросы form.phpс сервера, отправка дополнительных данных и игнорирование возвращенного результата

$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });

запросы form.phpот сервера, отправка дополнительных данных и обработка возвращенного ответа (формат json). Этот пример можно записать в таком формате:

$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });

В следующем примере отправляется форма с использованием Ajax, а результаты помещаются в div.

    jQuery.post demo // Attach a submit handler to the form $( "#searchForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), term = $form.find( "input[name='s']" ).val(), url = $form.attr( "action" ); // Send the data using post var posting = $.post( url, { s: term } ); // Put the results in a div posting.done(function( data ) { var content = $( data ).find( "#content" ); $( "#result" ).empty().append( content ); }); });   

В следующем примере используется github api, чтобы получить список репозиториев пользователя с помощью jQuery.ajax () и поместить результаты в div.

    jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); });   

jQuery.ajax ()

$.post( url [, data ] [, success ] [, dataType ] ) это сокращенная функция Ajax, эквивалентная:

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

$.ajax() предоставляет больше возможностей, которые можно найти здесь

Дополнительная информация:

Для получения дополнительной информации посетите официальный сайт