Простой пример jQuery AJAX

Как и планировал открываю новый раздел посвященный программированию, если коротко то здесь будут выкладываться простые примеры, решения на разных языках, но в основном это будет веб.

Начну пожалуй с самого востребованного примера - это пример простого AJAX запроса с использованием JavaScript библиотеки jQuery, в качестве серверного языка будем использовать любимый PHP. И так, наш код будет разделе на две части - серверная часть (PHP) и клиентская (HTML + JavaScript).

В данном примере AJAX запрос у нас выполняется по клику на элемент с идентификатором button. Данные отправляются методом GET, в формате JSON, если есть ответ от сервера - будет вызвано окно с отправленным сообщением.

 
  $("#button").click(function () {
    var name = $("#name").val();
    $.ajax({
      url: "service.php?name=" + name,
      type: "GET",
      dataType: "json",
      success: function(data){
        alert(data.message);
      }
    });
  });
 

Серверная часть будет выглядеть следующим образом:

 
    $message = 'Ваш текст: ' . $_GET['name'];
    $result = array('message' => $message);
 
    echo json_encode(array('message' => $message));
 

Вот и все, все очень просто, а Вы боялись!

В данном примере рассматривается отправка запроса методом GET, если Вам необходимо отправить методом POST - достаточно сделать следующие правки:

 
      url: "service.php",
      type: "POST",
      data: {'name' : name},
 

и

 
      $message = 'Ваш текст: ' . $_POST['name'];
 

После изменения этих строчек Ваш запрос будет отправлен методом POST. На этом все.