13

美好的一天,我正在尝试从表单发送或获取数据,然后使用 jquery 和 ajax 将数据发送到应该将其保存在数据库中的 php 页面中,我如何在 jquery 中执行并使用 ajax 来执行它,任何帮助会做,谢谢!

将使用 jquery ajax 将数据发送到 php 页面的 HTML 页面 1

 <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'];
";  
?>

对这个项目的任何帮助都会对我们有很大帮助,谢谢!

(更新)这是我尝试使用的 jquery,但它转到了 url,我认为这不是很安全

    $(document).ready(function(){
    $("#chat").click(function(){
        $("#content").load("a.php");
    });


    $("#send").ajaxSubmit({url: 'a2.php', type: 'post'})

    });
4

3 回答 3

16

您可以使用以下代码:

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 是您可以在其中执行数据库操作的文件名

于 2013-09-26T13:32:45.660 回答
6

试试这个:

 <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 分配给您的表单...现在在我的代码中,我已经给出了 ID formId ..您可以根据您的表单名称更改此 ID。

于 2013-09-26T13:34:27.743 回答
6

嗨,我将从在表单中添加一个 id 开始。然后要么点击按钮元素,要么只为按钮定义一个点击事件处理程序。

<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));*/
    }
  });

}
于 2013-09-26T13:38:18.037 回答