jQuery Ajax $.post

jQuery.post( url, [data], [callback], [type] )

Загружает страницу, используя POST-запрос.
Используется для отправки простых post-запросов на сервер, в случаях, когда нет необходимости использовать более сложную функцию $.ajax. Можно определить функцию-колбэк, которая будет выполнена по завершении запроса (в случае, если получен соответствующий ответ). Формат возвращаемых данных может быть определен в четвертом параметре type.

Аргументы:
url - String

url загружаемой страницы
data (необязательный) Map, String

данные, которые будут отправлены на с
ервер (пары key/value или результат функции .serialize() )
callback (необязательный) Function
функция, которая будет выполнена, если данные загружены успешно.
type (необязательный) String

тип данных, которые будут возвращены в функцию callback ( “xml”, “html”, “script”, “json”, “jsonp”, “text”.)

Примеры:
1. Запрашивает страницу mytest.php без возвращения результата.
$.post("mytest.php");

2. Запрашивает страницу mytest.php, передавая дополнительные данные. Результат не возвращается
$.post("mytest.php", { name: "Alex", balance: "7000" } );

3. Отсылает массивы данных на сервер без возвращения результата.
$.post("mytest.php", { 'names[]': ["Ольга", "Петр", "Анастасия"] });

4. Отсылает данные формы, используя ajax запрос
$.post("mytest.php", $("#mytestform").serialize());

5. Выводит сообщение с результатом запроса страницы mytest.php
$.post("mytest.php", function(data){
    alert("Данные загружены: " + data);
});

6. Отправляет данные и выводит результат запроса страницы mytest.php
$.post("mytest.php", { name: "Alex", balance: "7000" },
    function(data){
        alert("Данные загружены: " + data);
    });

7. Получает содержимое mytest.php, сохраняет в объекте XMLHttpResponse и вызывает функцию process().
$.post("mytest.php", { name: "Alex", balance: "7000" },
    function(data){
        process(data);
    }, "xml");

8. Получает содержимое mytest.php, которое было возвращено в формате
json (<?php echo json_encode(array("name"=> "Alex", "balance"=> "7000")); ?>)

$.post("mytest.php", { func: "getNameAndTime" },
    function(data){
        alert(data.name); // Alex
        console.log(data.balance); //  7000
    }, "json");
Теги:
Ajax, $.post
Добавлено: 12 Июля 2018 21:18:20 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...