以下為讀AJAX 網頁程式設計--Google成功背後的技術一書的筆記
prototype.js AJAX物件
prototype.js中有6個跟AJAX相關的物件,分別是Ajax, Ajax.Base, Ajax.Request, Ajax.Responsders, Ajax.Updater及Ajax.PeriodicalUpdater,其關係如下圖
●Ajax物件
屬性:
activeRequestCount
函式:
getTransport()
<script>
var ajax=new AJAX().getTransport();
ajax.onreadystatechange=callback;
ajax.open('GET', url, true);
ajax.send('');
</script>
●Ajax.Base物件
屬性:
method
parameters
asynchronous
requestHeader
postBody
onxxxxxxx:onUninitialization, onLoading, onLoaded, onInteractive, onComplete
onSuccess,onFailure
onException
函式:
setOptions()
responseIsSuccess()
responseIsFailure()
●Ajax.Request物件
屬性:
transport
url
函式:
建構子(url, options)
<script>
var ajax=new Ajax.Request(url,
{
method: 'post',
asynchronous: true,
onComplete:showResult,
onFailure:ShowFailure,
requestHeader:['User-agent','myAjaxEngine']
}
);
</script>
●Ajax.Responders物件
這是個Gobal物件,故無論在程式中使用了多少個Ajax.Request或是Ajax.Updater物件,都可以用同一份回應函式來處理結果。
函式:
register():註冊新的回應函式
unregister():取消已註冊的回應函式。
<script>
var url='process.php';
Ajax.Responders.register({
onLoading:function(){
},
onLoaded:function(){
},
onInteractive:function(){
},
onComplete:function(){
}
);
</script>
●Ajax.Update物件
屬性:
evalScripts:設為True時,Ajax.Updater物件會自動執行任保回傳內容中script區塊
函式:
建構子(container,url,options)
●Ajax.PeriodicalUpdater物件
函式:
建構子(container,url,options)
start()
stop()
參考資料:
AJAX 網頁程式設計--Google成功背後的技術
http://www.prototypejs.org/api/ajax
prototype.js AJAX物件
prototype.js中有6個跟AJAX相關的物件,分別是Ajax, Ajax.Base, Ajax.Request, Ajax.Responsders, Ajax.Updater及Ajax.PeriodicalUpdater,其關係如下圖
●Ajax物件
屬性:
activeRequestCount
函式:
getTransport()
<script>
var ajax=new AJAX().getTransport();
ajax.onreadystatechange=callback;
ajax.open('GET', url, true);
ajax.send('');
</script>
●Ajax.Base物件
屬性:
method
parameters
asynchronous
requestHeader
postBody
onxxxxxxx:onUninitialization, onLoading, onLoaded, onInteractive, onComplete
onSuccess,onFailure
onException
函式:
setOptions()
responseIsSuccess()
responseIsFailure()
●Ajax.Request物件
屬性:
transport
url
函式:
建構子(url, options)
<script>
var ajax=new Ajax.Request(url,
{
method: 'post',
asynchronous: true,
onComplete:showResult,
onFailure:ShowFailure,
requestHeader:['User-agent','myAjaxEngine']
}
);
</script>
●Ajax.Responders物件
這是個Gobal物件,故無論在程式中使用了多少個Ajax.Request或是Ajax.Updater物件,都可以用同一份回應函式來處理結果。
函式:
register():註冊新的回應函式
unregister():取消已註冊的回應函式。
<script>
var url='process.php';
Ajax.Responders.register({
onLoading:function(){
},
onLoaded:function(){
},
onInteractive:function(){
},
onComplete:function(){
}
);
</script>
●Ajax.Update物件
屬性:
evalScripts:設為True時,Ajax.Updater物件會自動執行任保回傳內容中script區塊
函式:
建構子(container,url,options)
●Ajax.PeriodicalUpdater物件
函式:
建構子(container,url,options)
start()
stop()
參考資料:
AJAX 網頁程式設計--Google成功背後的技術
http://www.prototypejs.org/api/ajax
全站熱搜
留言列表