В этом уроке показано как отправлять 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>Код: Выделить всё
// просто выводим сообщениеecho '{"success": { "msg":"Всё прошло успешно!" } }'; // сообщение с ошибкойecho '{"error": { "msg":"Произошла ошибка!" } }';Если нужно просто подгрузить данные, то можно использовать GET запрос.
Если нужно отправить какие-то данные на сервер, то лучше использовать POST запрос. POST запрос позволяет передавать данные большего объёма, при этом данные не кэшируются.
Чтобы увидеть разницу между запросами и отлавливать ошибки в процессе взаимодействия с сервером, прочтите урок Отладка приложений, взаимодействующих с сервером (Charles).
