prrrrrrr
@prrrrrrr

Как сделать ajax отправку формы без перезагрузки на конкретном примере?

Подскажите, как сделать ajax отправку формы без перезагрузки на конкретном примере:

<?php

	$data = $_POST;
	
	if ( isset($data['add']) )
	{
			$posts = R::dispense('posts');
			
			$posts->post_head = $data['post_head'];
			$posts->post_desc = $data['post_desc'];
			
			R::store($posts);
			header("Location: /");
	}
?>


<form action="/" method="POST" onload="form.reset()">
	  <input type="text" name="post_head" required />
	  <input type="text" name="post_desc" required />

	  <button type="submit" name="add">Добавить</button>
	  </form>
  • Вопрос задан
  • 181 просмотр
Решения вопроса 1
@ASSSSSSSS
$("#FormID").submit(function(e) {
    var form = $(this);
    var url = form.attr('action');
    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(),
           success: function(data) {
               $('#FormStatus').text(data);
           }
         });
    e.preventDefault();
});


<form action="/" method="POST" id="FormID">
    <input type="text" name="post_head" required />
    <input type="text" name="post_desc" required />
    <button type="submit" name="add">Добавить</button>
    <div id="FormStatus"></div>
</form>


<?php
  $data = $_POST;
  
  if ( isset($data['add']) )
  {
      $posts = R::dispense('posts');
      
      $posts->post_head = $data['post_head'];
      $posts->post_desc = $data['post_desc'];
      
      R::store($posts);
      echo 'ok';
      die();
  }
?>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
21 янв. 2019, в 12:55
35000 руб./за проект
21 янв. 2019, в 11:37
10000 руб./за проект