1

以下のテキストエリアの変更時にデータベースを自動的に更新する機能を自分のWebサイトに作成しようとしています(これは「リマインダーの付箋」として機能します)。私はajaxを初めて使用しますが、下のテキストエリアの変更時にデータベースを更新するために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>
4

1 に答える 1

7

まず、データベースの保存スクリプトを新しいファイル(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);
        }
    });   
}

これは非常に迅速で汚い方法です。

于 2012-07-16T20:44:54.417 に答える