jQuery使用ajax发送数据并保存在php中

Question

美好的一天，我正在尝试从表单中发送或获取数据，然后使用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'];
";  
?>

这个项目的任何帮助将极大地帮助我们，谢谢！

（更新）这是我尝试使用的jQuery，但它转到了URL，我认为这不是很安全

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


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

    });

Answer 1

您可以使用以下代码：

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