prototype.js方式的jsp+ajax實現

web開發時,若要再jsp頁面上使用ajax做局部更新,可以藉助prototype.js封裝好的ajax組件。使用方法如下:

在javascript代碼塊裏可以這樣寫:

new Ajax.Request(action, {
method : 'post',
parameters :'',
onComplete : responseHandler1,//異步調用成功則執行successHandler
onError : function(req) {
alert("發生錯誤,HttpStatus:" + req.status);
}//調用發生錯誤執行
});
if($('selectedItem')!=null){
$('selectedItem').innerHTML="<center><br><br><br><br><img src='jsp/images/waiting2.gif'/></center>";
}
function responseHandler1(req) {
$('selectedItem').innerHTML=req.responseText;
}

action是要請求的地址,

method說明請求方式,

parameters說明請求參數,

下面兩個是請求成功或失敗的回調,頁面上的顯示由這兩個函數控制。

這種方式有一個問題,action只能是本應用內的地址,跨域的地址是不靈的。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章