Добрый день, я пытаюсь отправить или получить данные из формы, а затем с помощью 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 .. вы можете изменить это в соответствии с вашим именем формы.