В этом уроке показано как отправлять 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.
Подробнее о том как формировать ответ в json форамте можно прочитать в уроке Передача данных от сервера клиенту (XML, JSON).
Если нужно просто подгрузить данные, то можно использовать GET запрос.
Если нужно отправить какие-то данные на сервер, то лучше использовать POST запрос. POST запрос позволяет передавать данные большего объёма, при этом данные не кэшируются.
Чтобы увидеть разницу между запросами и отлавливать ошибки в процессе взаимодействия с сервером, прочтите урок Отладка приложений, взаимодействующих с сервером (Charles).
