function AjaxWrapper( url, params, callback ) {
var ajax = new Ajax.Request(url,
{
onSuccess : callback,
onFailure : reportServerError,
onException : reportException,
parameters : params,
method : 'post',
asynchronous: true,
requestHeaders:['If-Modified-Since', 'Thu, 01 Jun 1970 00:00:00 GMT']
}
);
}
// Callback Function For Ajax
function receiveResponse(res) {
$('対象オブジェクト名').innerHTML = res.responseText;
}
function reportServerError(res, json) {
alert("Sorry, Server Error.[" + res.statusText + "]");
}
function reportException(request, e) {
alert("Sorry, Exception.[" + e.message + "]");
}
そして、
例えば、こんな感じに呼び出します。
AjaxWrapper("http://xxx.xxx/xxx.php", "param1=aaa¶m2=bbb", receiveResponse);
HTMLの対象オブジェクトにAjaxしたレスポンスデータが入力されます。
2007年08月29日
prototype.jsによるAjaxメモ
prototype.jsをインクルードして、以下のようなラッパー関数を定義します。IEの場合、requestHeadersを以下のように設定しないとキャッシュが働いてしまい、サーバまでリクエストが届かなくなってしまいます。
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/5252938
この記事へのトラックバック
http://blog.sakura.ne.jp/tb/5252938
この記事へのトラックバック