Открыть меню    

Ajax запрос методом GET с примерами

ajax метод get$.get(): осуществляет запрос к серверу методом GET, без перезагрузки страницы. Для примера ниже мы используем HTTP-запрос GET с целью загрузить определенный фрагменты HTML.

GET-запросы рекомендуется использовать лишь для получения информации.

jQuery.get(url,[data],[callback],[dataType])

Методу get передаем 4 аргумента:

  • Первый аргумент(url) – это url-адрес документа, который нам надо загрузить;
  • Второй аргумент(data) – это данные, отсылаемые на сервер;
  • Третий аргумент(callback) – это ф-я, вызываемая при успешном выполнении запроса. В качестве аргумента данная функция принимает данные отправленные сервером в ответ на запрос.
  • Четвертый аргумент(dataType) - ожидаемый тип данных, которые пришлет сервер в ответ на запрос.

Метод get обычно работает совместно с форматом JSON.

При помощи метода get можно отсылать данные на сервер, например, для уточнения ответа сервера. Наши данные присоединяются к url-адресу. Например, для нашего случая:
http://new_dnzl/demo/get_post/test.php?a=1 Смотрите пример ниже.

Загрузить контент из отдельного html-документа, по клику.

jQuery

    $(".getClick").click(function(e){
         $.get("test.html",
            function(data) {
                var el = $(data).filter('p');
                el.appendTo('.testGet');
            });
         e.preventDefault();
    })

Загрузить контент по уточняющему параметру

jQuery

    $(".getClick2").click(function(e){
        $.get('test.php',{a:1},function(data){
                var el = $(data);
                el.appendTo('.testGet2');
        });
    })

http://new_dnzl/demo/get_post/test.php?a=1

PHP


<?php
if($_GET['a'] == 1)
{
?>
<p><code>P</code>  In dapibus,
lectus ut aliquam bibendum, risus sapien gravida
magna, nec consectetur erat massa in libero.
Pellentesque tincidunt nisi est, eget hendrerit
ante porta sit amet.</p>
<?php
}
else
{
?>
<p><code>P</code>  Vivamus est tellus, ullamcorper ac laoreet et,
fringilla sagittis lectus. Nunc et pharetra tellus, sit amet laoreet eros.
Morbi gravida non massa eget semper. In hac habitasse platea dictumst.
Aenean adipiscing lobortis dictum.</p>
<?php
}
?>

Комментарии к статье

Добавить комментарий