jQuery で POSTメソッドによる非同期通信を行なう方法
2010年7月26日 17:28
jQuery で Ajax ですよ非同期通信ですよ！
というわけで、jQuery を使って POSTメソッドで別の CGIスクリプトにデータを送り、返った結果をページ内に出力を行なう、という処理の方法の解説です。
jQuery で POSTメソッドによる非同期通信は、「post( 通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式) 」という形で指定します。
例えば、「./test.cgi」に対して「mode=test」「name=tatsuya」というデータを送信し、test.cgi が返した結果を「div id="test"」の中に出力したい場合は、以下のようになります。
$.post(
// 通信先URL
"./test.cgi",
// 送信するデータ
{
mode:"test",
name:"tatsuya"
},
// 返った結果の処理
function(data){
$("#test").html(data);
}
);
第二引数以降は省略可能なので、第四引数は省略しています。
なお、GETメソッドで通信したい場合は、同様に「get(通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式)」で非同期通信を行なえます。
つぶやく
- 現在位置
- TOP > Web制作技術 > jQuery > jQuery で POSTメソッドによる非同期通信を行なう方法
- 前のブログ記事
- jQuery で hover() を使ってマウスホバーにあわせてスタイルを変更する方法 [2010年7月23日 15:50]
- 次のブログ記事
- jQuery UI の Sortable モジュールでリストをドラッグしてソート可能にする方法 [2010年7月27日 15:47]
コメント(0)
コメントする