亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > XML > 正文

解讀XMLHTTP對象封裝技術

2024-09-05 20:54:43
字體:
來源:轉載
供稿:網友
Ajax技術的實現主要依賴于xmlhttprequest,但我們在調用其來進行異步數據的傳輸時,由于xmlhttp是個短線過程(處理事件完成后就銷毀)如果不對該對象進行包裝處理的話,就不得不在需要調用的地方重新構建xmlhttprequest,每次調用都要寫一大段的代碼,實在不是個好辦法。好在現在很多開源的ajax框架都提供了對xmlhttp封裝的方案。這里以ajaxtags自帶的prototype-1.4.0.js為母版,來看看如何將xmlhttp對象封裝成一個可復用的方法。

在prototype.js中,首先定義了一個變量:Ajax
var Ajax = {
getTransport: function() {
return Try.these(
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
function() {return new ActiveXObject('Microsoft.XMLHTTP')},
function() {return new XMLHttpRequest()}
) || false;
},

activeRequestCount: 0
}
變量返回了一個xmlhttprequest,可以看到,如果我們調用了Ajax.getTransport(),每次都會返回一個新的xmlhttprequest對象。
在Ajax變量中定義了一個基礎方法Ajax.Base和該基礎方法的原型(初始時,每個腳本方法默認都有個空的原型,該原型會繼承Object的原型,如果我們在Object中改變了原型,則所有的腳本方法都會被改變。) 該基礎方法被Ajax.Request所繼承,注意的是,如果在Ajax.Request中填充了繼承的原型的同名方法或變量,則會實現重載。
Ajax.Base原型中最主要的是setOptions方法,過會我們就會用到。
setOptions: function(options) {
this.options = {
method: 'post',
asynchronous: true,
parameters: ''
}
prototype中對request是通過定義Ajax.Request原型(Ajax.Request.prototype)來實現的。但我們并不能直接對Ajax.Request進行調用,主要原因是Ajax.Request并沒有提供一個統一處理的過程。而且我們可能需要通過request 再取得response。(試想一下,客戶那邊發出一條信息,都始終沒與收到回復,那是會讓人覺得很惱火的事~),prototype同樣為我們封裝好了resoponse(Ajax.Responders),但兩者都是相互獨立的,如何把他們進行整合呢?

在 prototype中給我們提供了兩個方案,一個是Ajax.Updater,另一個是Ajax.PeriodicalUpdater,兩個共同點都是必須傳入3個參數:
container:
response數據要傳達的位置,該位置通過html標簽的id進行定義,比如你要把返回的數據輸出到html中的某個<div>中,則只要把container改成該id的值就可以了。如果找不到該container,則會發生腳本錯誤。
url:
request請求要傳遞的目的地。該目的地應該是個servlet或jspservlet,因為request對象只能被servlet中的do***方法自動獲取。
options:
結構應該與上面Ajax.Base定義的setOptions()中的option結構相同,如果為空或不寫,則采用 Ajax.Base定義的初始值(沒有傳遞任何參數時使用)。
兩者的區別在與Ajax.Updater返回給container的是完整的responseText,只有在responseText完全取得又沒發生異常時才會把內容寫到container里面,而PeriodicalUpdater在獲取responseText時,不管是否已經完整取得,就把內容填進container,直到發生異?;蛲耆〉胷esponseText。大多數情況應該使用第一種方法,因為第一種方法在發生異常時會把異常信息顯示在container里面,而第二種就不一定了。
既然已經把xmlhttp封裝好了,我們只需要設置好前面所說的3個參數就可以了,要注意的是,設置options參數,一定要按照base中的options結構進行設置,如果我們使用post方法,還可以在opitons中設置postBody屬性,把要傳遞的queryString 放到body中,一個使用post方法進行傳遞的腳本例子如下:

/*表單提交用post方法*/
function doRequest(container,paraments,url){
var options ={
method: 'post',
asynchronous: true,
postBody: paraments
};
new Ajax.Updater(container,url,options);
}

最后不得不說的是中文編碼問題,prototype對傳遞的參數都進行了編碼轉換工作,每個傳遞值通過encodeURIComponent 進行了處理.編碼會被轉換成utf-8,在后臺獲取request時,應該統一使用request.setCharacterEncoding("UTF-8")對request設置編碼,而不必管頁面的編碼格式是什么.如果使用post方法進行傳遞數據,則會自動執行:
request.setHeader('Content-type','application/x-www-form-urlencoded').確保傳遞數據編碼格式的正確.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品国产一区二区三区久久狼黑人| 欧美精品videos另类日本| 精品视频在线观看日韩| 亚洲一区二区三区成人在线视频精品| 亚洲精品xxxx| 欧美性猛交xxxx黑人猛交| 国产精品成人aaaaa网站| 欧美大片va欧美在线播放| 日韩免费在线看| 国产精品久久99久久| 亚洲精品视频网上网址在线观看| 日本欧美在线视频| 福利一区福利二区微拍刺激| 777国产偷窥盗摄精品视频| 精品无人国产偷自产在线| 亚洲一区制服诱惑| 亚洲另类激情图| 国产日韩视频在线观看| 亚洲精品一区二区三区不| 黑人巨大精品欧美一区二区免费| 性色av一区二区三区| 黄网站色欧美视频| 亚洲精品日韩久久久| 国产999精品久久久影片官网| 深夜精品寂寞黄网站在线观看| 97人人做人人爱| 亚洲国产欧美自拍| 欧美日韩国产二区| 人九九综合九九宗合| 国产成人高清激情视频在线观看| 精品动漫一区二区三区| 激情成人在线视频| 国内精品久久久久久| 国产精品成人播放| 在线观看中文字幕亚洲| 精品国模在线视频| 最近2019年中文视频免费在线观看| 亚洲欧美日韩综合| 欧美夜福利tv在线| 欧美性黄网官网| 亚洲aaaaaa| 国产精品黄页免费高清在线观看| 欧美日韩爱爱视频| 久久91亚洲精品中文字幕| 久色乳综合思思在线视频| 欧美精品一区在线播放| 中文字幕成人精品久久不卡| 日韩国产一区三区| 成人黄色片网站| 欧美午夜视频在线观看| 国产精品久久久久999| 中文字幕精品在线| 一区三区二区视频| 成人午夜一级二级三级| 日韩高清免费在线| 国产欧美精品久久久| 亚洲精品成人久久| 欧美日韩综合视频| 91丨九色丨国产在线| 国产亚洲精品久久久| 精品偷拍各种wc美女嘘嘘| 国内成人精品视频| 国产亚洲视频中文字幕视频| 久久成人精品视频| 成人a级免费视频| 欧美成人黑人xx视频免费观看| 日韩影视在线观看| 97不卡在线视频| 亚洲女同精品视频| 日韩av中文字幕在线免费观看| 成人综合国产精品| 亚洲乱码一区av黑人高潮| 亚洲a∨日韩av高清在线观看| 在线一区二区日韩| 欧美日韩国产第一页| 久久偷看各类女兵18女厕嘘嘘| 欧美日韩国产在线播放| 国产日韩欧美在线播放| 欧美午夜www高清视频| 久久亚洲一区二区三区四区五区高| 91在线视频成人| 欧美激情精品久久久久久久变态| 亚洲成人精品久久久| 久久久人成影片一区二区三区| 亚洲人在线观看| 日本久久亚洲电影| 国产精品免费看久久久香蕉| 九九九久久国产免费| 爽爽爽爽爽爽爽成人免费观看| 日韩av中文字幕在线免费观看| 日韩精品视频在线免费观看| 亚洲第一色中文字幕| 亚洲精品国产精品国自产在线| 国模极品一区二区三区| 日韩小视频网址| 波霸ol色综合久久| 久久夜色撩人精品| 亚洲乱码av中文一区二区| 国产成人在线精品| 日本精品中文字幕| 国产精品白嫩美女在线观看| 亚洲欧美国产va在线影院| 日韩欧美高清在线视频| 国产不卡一区二区在线播放| 亚洲精品成人免费| 高清在线视频日韩欧美| 欧美成人精品影院| 色视频www在线播放国产成人| 国产精品香蕉av| 日韩视频亚洲视频| 在线视频日本亚洲性| 91国产精品电影| 69视频在线播放| 国产日韩中文字幕在线| 欧美亚州一区二区三区| 日韩av免费在线观看| 91在线无精精品一区二区| 色综合久久久888| 欧美夫妻性视频| 成人免费视频xnxx.com| 日本精品一区二区三区在线播放视频| 国产97在线观看| 欧美亚洲国产成人精品| 欧美成人剧情片在线观看| 久久99国产综合精品女同| 国产精品综合不卡av| 久久久噜噜噜久久中文字免| 国产成人免费av电影| 69久久夜色精品国产69| 久久久91精品国产| 色777狠狠综合秋免鲁丝| 久久久国产精品视频| 国产精品欧美激情在线播放| 亚洲成人av在线| 最近2019中文字幕大全第二页| 亚洲男人天堂久| 色综合视频网站| 欧美日韩国产一区二区三区| 国产精品尤物福利片在线观看| 91久久精品美女高潮| 亚洲精品网址在线观看| 国产日韩精品在线播放| 91美女片黄在线观| 久久国产精品亚洲| 日韩精品在线私人| 麻豆乱码国产一区二区三区| 91伊人影院在线播放| 一区二区欧美激情| 欧美国产视频一区二区| 18一19gay欧美视频网站| 亚洲第一男人天堂| 国产精品电影在线观看| 91久久国产婷婷一区二区| 国产精品福利在线| 欧美激情欧美狂野欧美精品| 在线看国产精品| 啊v视频在线一区二区三区| 米奇精品一区二区三区在线观看| 91爱视频在线| 国产精品久久77777| 欧美第一黄色网| 亚洲一区二区三区久久| 久久久精品久久| 欧美成人sm免费视频|