Отправка GET и POST запросов с помощью jQuery

jQuery для начинающих
Ответить
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

Отправка GET и POST запросов с помощью jQuery

Сообщение Александр »

Отправка GET и POST запросов с помощью jQuery

В этом уроке показано как отправлять get и post запросы с помощью javascript (jquery) и как получать и обрабатывать ответ в формате json.

Код: Выделить всё

<html><head><title>jquery get post</title><script src="js/jquery-1.6.1.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){ // отправка get запроса без параметров$('#get_btn').click(function() {    $.get('http://flapps.ru/apps/test/addlink.php',        function(data){            if (data.success) {                $('#result').html(data.success.msg);            } else {                $('#result').html(data.error.msg);            }        }, "json");    return false;}); // отправка get запроса с передачей параметров$('#get2_btn').click(function() {    $.get('http://flapps.ru/apps/test/addlink.php?link=http://flapps.ru&title=Форум',        function(data){            if (data.success) {                $('#result').html(data.success.msg);            } else {                $('#result').html(data.error.msg);            }        }, "json");    return false;});  // отправка post запроса с передачей параметров$('#post_btn').click(function() {    $.post('http://flapps.ru/apps/test/addlink.php', {"url": 'http://flapps.ru', "title": 'Форум'},        function(data){            if (data.success) {                $('#result').html(data.success.msg);            } else {                $('#result').html(data.error.msg);            }        }, "json");    return false;});  });</script></head><body><a href="#" id="get_btn">get без параметров</a><br /><a href="#" id="get2_btn">get с параметрами</a><br /><a href="#" id="post_btn">post с параметрами</a><br /><div id="result"></div><a href="http://flapps.ru">http://flapps.ru</a></body></html>
Скрипт addlink.php должен возвращать данные в формате json.

Код: Выделить всё

// просто выводим сообщениеecho '{"success":                {                "msg":"Всё прошло успешно!"                }                }'; // сообщение с ошибкойecho '{"error":                {                "msg":"Произошла ошибка!"                }                }';
Подробнее о том как формировать ответ в json форамте можно прочитать в уроке Передача данных от сервера клиенту (XML, JSON).


Если нужно просто подгрузить данные, то можно использовать GET запрос.
Если нужно отправить какие-то данные на сервер, то лучше использовать POST запрос. POST запрос позволяет передавать данные большего объёма, при этом данные не кэшируются.


Чтобы увидеть разницу между запросами и отлавливать ошибки в процессе взаимодействия с сервером, прочтите урок Отладка приложений, взаимодействующих с сервером (Charles).
Аватара пользователя
ukhov
Модератор
Модератор
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение ukhov »

Вот это хорошая тема.
Foxmen
Сообщения: 80
Зарегистрирован: 03 сен 2010, 19:58

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение Foxmen »

а как картинку можно отправить ?
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение Александр »

Foxmen
Поищи плагины "jquery file upload"
artemis
Сообщения: 6
Зарегистрирован: 11 апр 2012, 07:54

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение artemis »

Александр,
а если гугл ругается на знак $ при включенной библиотеке?
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение Александр »

artemis
Как ругается? Другие библиотеки используешь?
T710MA
Сообщения: 22
Зарегистрирован: 16 май 2012, 17:30

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение T710MA »

Какая максимальная длина строки JSON?
Аватара пользователя
alexei
Разработчик
Разработчик
Сообщения: 836
Зарегистрирован: 21 янв 2010, 19:44
Откуда: Rostov-on-Don

Re: Отправка GET и POST запросов с помощью jQuery

Сообщение alexei »

T710MA писал(а):Какая максимальная длина строки JSON?
Сколько памяти хватит.
Ответить