foldrr's weblog

旧ブログ http://d.hatena.ne.jp/foldrr/

jquery による非同期通信

参考サイト

簡単な GET リクエストの結果を画面に表示する

$().load() を使う。
第1引数にリクエスト URL を渡す。

<body>
    <p id="p1">
    </p>
    <script type="text/javascript">
        $("#p1").load("http://www.google.co.jp");
    </script>
</body>

上記以外に色々処理したい場合

jQuery.get() や jQuery.post() を使う。
引数は下記。

引数 意味
第1引数 リクエスト先URL
第2引数 リクエスト パラメータ
第3引数 コールバック

第3引数に関数を指定すると処理終了時に呼び出される。
処理の成功時と失敗時とで別々のコールバックを設定したい場合は $.ajax() を使う。

エラー時のコールバックを設定したい場合

$.ajax() を使う。
引数にはハッシュを指定する。

ハッシュキー 意味
url リクエストURL
type リクエスト タイプ("get", "post")
success 成功時コールバック
error 失敗時コールバック
timeout タイムアウト(ミリ秒)