我看过很多教程，但它们太混乱了，为了做我想做的事，我只是不知道如何使用这些教程中的现有内容并让它们按照我想要的方式工作。
我有一个非常简单的表单，包含一个文本框、标签和一个提交按钮。当用户在表单中输入内容，然后点击提交时，我想使用 php 和 ajax (with jquery) 将表单的结果插入到 mysql 数据库中。
有人可以告诉我这是如何实现的吗？我只需要一些非常基本的东西就可以开始了。任何帮助表示赞赏。
谢谢
【问题讨论】：
您好，这里只是一个简单的示例，说明如何做到这一点：
HTML：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Quick JQuery Ajax Request</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- include the jquery lib -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var ajaxSubmit = function(formEl) {
// fetch where we want to submit the form to
var url = $(formEl).attr('action');
// fetch the data for the form
var data = $(formEl).serializeArray();
// setup the ajax request
$.ajax({
url: url,
data: data,
dataType: 'json',
success: function() {
if(rsp.success) {
alert('form has been posted successfully');
}
}
});
// return false so the form does not actually
// submit to the page
return false;
}
</script>
</head>
<body>
<form method="post" action="process.php"
onSubmit="return ajaxSubmit(this);">
Value: <input type="text" name="my_value" />
<input type="submit" name="form_submit" value="Go" />
</form>
</body>
</html>
process.php 脚本：
<?php
function post($key) {
if (isset($_POST[$key]))
return $_POST[$key];
return false;
}
// setup the database connect
$cxn = mysql_connect('localhost', 'username_goes_here', 'password_goes_here');
if (!$cxn)
exit;
mysql_select_db('your_database_name', $cxn);
// check if we can get hold of the form field
if (!post('my_value'))
exit;
// let make sure we escape the data
$val = mysql_real_escape_string(post('my_value'), $cxn);
// lets setup our insert query
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
'table_name_goes_here',
$val
);
// lets run our query
$result = mysql_query($sql, $cxn);
// setup our response "object"
$resp = new stdClass();
$resp->success = false;
if($result) {
$resp->success = true;
}
print json_encode($resp);
?>
请注意，这些都没有经过测试。希望对你有帮助。
【讨论】：
jQuery 部分通常非常简单。它只是将普通表单 action= 重定向到 Javascript 处理程序。 $.post 使用方便，只需.serialize() 将现有的表单值打包成一个字符串：
<form id="example">
<input name="textbox" ...>
<input type=submit name="submitbuttonname" value="submit"
onClick="$.post('save.php', $('form#example').serialize())">
而在 PHP 端，您只需通过$_POST 接收内容并将其保存到数据库中（也可以使用旧的 mysql_ 函数，只是比较麻烦）：
$db = new PDO("mysql:...");
if ($_POST["submitbuttonname"]) {
$q = $db->prepare("INSERT INTO save (textbox, label) VALUES (?, ?)";
$q->execute(array($_POST["textbox"], $_POST["label"]));
【讨论】：