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>";
?>