jquery с использованием ajax для отправки данных и сохранения в php

Добрый день, я пытаюсь отправить или получить данные из формы, а затем с помощью jquery и затем ajax отправить данные на php-страницу, которая должна сохранить его в базе данных, как я могу это сделать в jquery и использовать ajax для этого, любой помощь сделает и спасибо!

HTML-страница 1, которая будет использовать jquery ajax для отправки данных на php-страницу

<form> Name:<input type='text' name='name'> E-mail:<input type='text' name='email'> Gender:<select name='gender'> <option value='male'>male</option> <option value='female'>female</option> </select> Message:<textarea name='about'></textarea> </form> 

PHP страница 2, которая будет получать данные из формы страницы 1

 <?php echo " $_POST['name']; $_POST['email']; $_POST['gender']; $_POST['about']; "; ?> 

любая помощь с этим проектом поможет нам очень и спасибо!

(update) Это jquery, который я пытался использовать, но он пошел по URL-адресу, и я думаю, что это не очень безопасно

  $(document).ready(function(){ $("#chat").click(function(){ $("#content").load("a.php"); }); $("#send").ajaxSubmit({url: 'a2.php', type: 'post'}) }); 

вы можете использовать следующий код:

 var form = new FormData($('#form_step4')[0]); form.append('view_type','addtemplate'); $.ajax({ type: "POST", url: "savedata.php", data: form, cache: false, contentType: false, processData: false, success: function(data){ //alert("---"+data); alert("Settings has been updated successfully."); window.location.reload(true); } }); 

где savedata.php – это имя файла, в котором вы можете делать вещи БД

Привет, я начну с добавления идентификатора к форме. а затем либо пойти с onclick на элемент кнопки, либо просто определить обработчик click-event-button для кнопки.

 <form id="my_form"> Name:<input type='text' name='name'> E-mail:<input type='text' name='email'> Gender:<select name='gender'> <option value='male'>male</option> <option value='female'>female</option> </select> Message:<textarea name='about'></textarea> <input type="button" value="Send" onclick="sendForm()"/> </form> 

Затем часть jquery / ajax / js.

  function sendForm(){ $.ajax({ type: "POST", url: "PAGE2.php", data: jQuery("#my_form").serialize(), cache: false, success: function(data){ /* alert(data); if json obj. alert(JSON.stringify(data));*/ } }); } 

Попробуй это:

  <form id="formId"> Name:<input type='text' name='name'> E-mail:<input type='text' name='email'> Gender:<select name='gender'> <option value='male'>male</option> <option value='female'>female</option> </select> Message:<textarea name='about'></textarea> <input type="button" value="Send" onclick="save()"/> </form> <script type="javascript"> function save(){ var query = $('#formId').serialize(); var url = 'savedata.php'; $.post(url, query, function (response) { alert (response); }); } </script> 

присвойте идентификатор вашей форме … пока что в моем коде я дал ID formId .. вы можете изменить это в соответствии с вашим именем формы.