我正试图在我的网站上创建一个功能,当下面的文本区域发生更改时,该功能会自动更新数据库(它将充当"提醒的便利贴")。我是ajax的新手,我想知道是否有人能向我展示一个基本的例子,告诉我如何在下面的文本区域的Change上调用ajax来更新我的数据库?
<?php
//Create mysql connect variable
$conn = mysql_connect('samplesource.com', 'example', 'pass');
//kill connection if error occurs
if(!$conn){
die('Error: Unable to connect.' . '<br>' . mysql_error());
}
//connect to mysql database
mysql_select_db("mydb", $conn);
session_start();
$userid = $_SESSION['id'];
$results = ("SELECT * FROM notes WHERE userid='$userid'");
?>
<html>
<head>
<title>practice</title>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".sometext").change(function(){
//make ajax call to update database onChange
});
});
</script>
</head>
<body>
<textarea class="note" style="resize:none; width:300px; height:200px;"> </textarea>
</body>
</html>
首先,您需要将数据库保存脚本移动到一个新文件中,例如save.php
在你的<textarea>
上,我会添加
<textarea onchange="saveChanges(this);"></textarea>
对于进行更改时调用的javascript保存函数:
function saveChanges(object){
$.ajax({
url: 'save.php',
data: 'content=' + object.value,
cache: false,
error: function(e){
alert(e);
},
success: function(response){
// A response to say if it's updated or not
alert(response);
}
});
}
这是一种非常快速和肮脏的方法。