JQuery AJAX PHP: пример

Листинг 2. JavaScript, корректно срабатывает во всех современных браузерах, включая IE:

function run_script() {
  var $result = $("#status"); 

  $.ajax({
    type: "POST", // - методом POST.
    data: { // - получаем значения полей, данные.
      "area_1": $('#area_1').val(), 
      "area_2": $('#area_2').val()
    },
    dataType: "html", // - тип HTML.
    url: "get_ajax.php", // - скрипт PHP.
    beforeSend: function() { 
      // Перед отправкой выведем уведомление:
      $result.html('<div>Подождите...</div>');
    },
    success: function(data) {
      $result.html(data); // - выполнено.
    },
  });

}

Листинг 3. PHP, в целях упрощения не содержит вообще никакой проверки данных (но так не надо делать):

<?php
header("Content-type: text/plain; charset=utf-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);

sleep(1);

# Параметры, передаваемые методом POST:
$area_1 = $_POST['area_1'];
$area_2 = $_POST['area_2'];

print "
<div class=\"alert alert-success\">
  <p>Выполнено успешно! Вы только, что отправили нам:</p>
  <ul>
    <li>$area_1</li>
    <li>$area_2</li>
  </ul>
</div>";
?>
Опубликовано 26-03-2013 в 13:00


Комментариев к записи: 3

  1. Дмитрий:

    Замечательно!! А можете пожалуйста сделать подобный пример, который бы без SUBMIT отправляло POST’ом? А то уже 2-ю неделю ищу, и не могу найти подходящего ответа. Очень хочется с подобный эффектом.

  2. Alex:

    Спасибо за инфу, друг.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

PORNOSEKSXXX

  • Администратор: к записи Не знаю, с ходу не скажу. »
  • Андрей: к записи Сорри, лишнее TD »
  • Андрей: к записи У вас лишнее в 71 строке. За быстрый урок спасибо »
  • Михаил: к записи Здравствуйте. Спасибо помогло! А не скажите как не »
  • Олег: к записи Добрый день! Да пагинация в таком ключе действите »
  • Радик: к записи Помогите, не получается спарсить. Вот тут #ire »
  • Администратор: к записи Когда меняете пароль к базе в панели управления хо »

Статистика спама

Akismet заблокировал 62 260 спамеров

Последние твиты

Твиты пользователя @red_book_cms