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

jquery using ajax to send data and save in php

本问题已经有最佳答案，请猛点这里访问。

好的一天，我正在尝试发送或从表单中获取数据，然后使用jquery和ajax将数据发送到一个php页面，该页面将数据保存到数据库中。我如何在jquery中执行此操作并使用ajax执行此操作？任何帮助都将执行，谢谢！

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

1
2
3
4
5
6
7
8
9

<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>

从page 1表单接收数据的php page 2

1
2
3
4
5
6
7
8

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

任何有关这个项目的帮助都将大大帮助我们，谢谢！

(更新)这是我尝试使用的jquery，但它转到了URL，我认为这不太安全。

1
2
3
4
5
6
7
8
9

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

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

});

相关讨论

您可以使用以下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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

相关讨论

嗨，我先在表单中添加一个ID。然后在button元素上执行on click，或者只为该按钮定义一个click事件处理程序。

1
2
3
4
5
6
7
8
9
10

<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部分。

1
2
3
4
5
6
7
8
9
10
11
12

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

}

相关讨论

试试这个：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

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

}

为表单分配ID…现在，在我的代码里，我已经给了我身份证。您可以根据表单名称更改此表单。

相关讨论