AJAX PHP JQUERY передача POST запроса

Для того, чтобы отправить POST запрос на PHP скрипт посредством AJAX JQUERY, создадим 2 файла:

jqtest.htm – в котором будет форма запроса и javascript код для формирования и отправки запроса;

jqtest.php – для приёма и отсылки ответа.

Листинг файла jqtest.htm:

<div>
<label for="request">Request:  </label>
<input id="request">
<input type="submit" value="Send" onclick="send();">
</div>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
  function send()
  {
    jQuery.ajax({
      dataType: "json",
      method: "POST",
      url: "jqtest.php",
      data: { msg: jQuery('#request').val()}
    }).done(function( msg ) {
      alert(msg['answer']);
    });
  }
</script>

Листинг файла jqtest.php:

<?php
$q = ($_POST['msg']);
$ans= array(
  'answer' => 'You send: '.$q,
);
echo json_encode($ans);
?>

JQUERY запрос передаёт ключ msg в формате JSON, а PHP код формирует JSON ответ и возвращает его в ключе answer.

Leave a Reply

Your email address will not be published. Required fields are marked *