以下為讀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
arrow
arrow
    全站熱搜

    jck11 發表在 痞客邦 留言(1) 人氣()