1

我正在尝试在我的网站上创建一个功能，该功能会自动更新数据库 onchange 下面的文本区域（这将充当“提醒的便利贴”）。我是 ajax 新手，我想知道是否有人可以向我展示一个基本示例，说明我将如何进行 AJAX 调用以更新我的数据库 onChange 下面的 textarea？

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

1 回答 1

7

首先，您需要将数据库保存脚本移动到一个新文件中，例如 save.php

在你的<textarea>我会添加

<textarea onchange="saveChanges(this);"></textarea>

对于进行更改时调用的 javascript save 函数：

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

这是一种非常快速和肮脏的方式。

于 2012-07-16T20:44:54.417 回答