编写一个看似自动的笔记更新功能，在更改时保存笔记

Question

我想在我的网站上实现一个‘添加笔记’的功能，这将看起来毫不费力地为用户工作。

想法很简单:每个项目旁边都会有一个文本字段。更改时，在文本字段中输入的文本将在数据库中自动更新，用户不必点击“保存”或单击任何按钮来加载或保存注释。

(最初，每个项目旁边都会有一个空白文本字段)

实现这一点的最佳方式是什么？

<?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>
</head>
<body>

<textarea style="resize:none; width:300px; height:200px;"> </textarea>

</body>
</html>

Answer 1

这是一个用来更新数据库的jQuery ajax调用。从ajax调用中，您可以挂钩onblur事件，然后更新数据库中的注释，请记住，这将导致大量后端紧张，并将导致MySql服务器因不断的更新而陷入困境。您可能还需要检查某种缓存和缓冲保存，以防止这种情况发生。

Jquery Ajax：http://api.jquery.com/jQuery.ajax/

Jquery OnChange：http://api.jquery.com/change/

$(document).change( function() {
    $(".sometext").blur( function() { 
        //make ajax call to update database
    });
});