web-dev-qa-db-ja.com

テキストボックスがフォーカスを失った後に関数を呼び出す方法

私はJavascript/JQuery/AJAXの経験がないので、テキストボックスがフォーカスを失った後、DBでクエリを実行する関数を呼び出すことができるかどうかを理解しようとしています。

私のページに（PHPを使用して）DBのテーブルと同じ値を含むテキストボックスを含むテーブルを表示しています。誰かがテキストボックスの値を変更したときに、UPDATEクエリを使用してDBテーブルを変更します。それらを等しくする; AJAXまたはJQueryでこれを行う方法ですか？

javascriptajaxfunctiontextboxfocus
11
Wallkan
<input type="text" id="check">​

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
$("#check").blur(function() {
 alert('working');
});​
</script>
16
Sibu

ハンドラーをchangeイベントにバインドします。

<textarea onchange='ajax_call()'></textarea>

どこ ajax_callはDBを更新するための関数です。

3
spaceman12

はい、できます。まず、onchange/onblurなどのJavaScriptイベントを待つ必要があります。サーバーにAjax呼び出しを行う必要があります。これにより、db内のデータが変更され、ページに配置できるデータが生成されます。 jQueryを使用してページを操作できます。

もう1つの方法は、ユーザーが送信ボタンを押すまで待機してから、データベース内のデータを更新することです。

1
HeM01