国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

前端開發的開始---基于面向對象的Ajax類

2019-11-21 00:14:23
字體:
來源:轉載
供稿:網友
先看調用方式:

復制代碼 代碼如下:

ajax.request("ajax.html",{v:Math.random(),num:1},function(data){
//do something
},'get');



方式好像jquery哦。。。還是覺得這樣調用方便些。。。
復制代碼 代碼如下:

var ajax = {
//Xmlhttprequest類
Xmlhttprequest :function() {
this.xhr =false;
},
//外部調用接口
request : function(url,data,callback,type) {
//每次都創建一個Xmlhttprequest的對象,使ajax調用互不影響
var xhr = new this.Xmlhttprequest();
xhr.request(url,data,callback,type);
}
}
//將{num:1,t:'a'}這種json數據格式轉為num=1&t=a這種字符串形式
var json2str = function(data){
var _data = [];

for(var name in data) {
_data.push(name+"="+data[name]);
}
return _data.join('&');
}
//擴展Xmlhttprequest類的方法
ajax.Xmlhttprequest.prototype = {
//創建XMLHttpRequest
createXmlHttpRequest : function(){

if(window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else {
var a = ["Msxml2.XMLHTTP","Microsoft.XMLHTTP","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"];
for (var i=0,l=a.length;i<l;i++){
try{
return new ActiveXObject(a[i]);
}catch(e){};
}
}
},
//回調函數
fnCallback : function(callback){

if(this.xhr.readyState === 4 && this.xhr.status === 200) {
callback?callback(this.xhr.responseText):void(0);
}
},
//ajax請求
request : function(url, data, callback, type){

var that = this;
var ispost = type==='post'?true:false;

ispost?url:url += '?'+json2str(data);

this.xhr = this.createXmlHttpRequest();

this.xhr.open(type,url,true);
ispost?this.xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"):'';
this.xhr.onreadystatechange = function(){that.fnCallback(callback);};
this.xhr.send(ispost?json2str(data):null);
}
}


這個類,肯定有不足的了,歡迎拍磚吧!每個人都有自己的習慣用法,最重要是適合用就行了!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 神池县| 无棣县| 宣恩县| 彭山县| 吴桥县| 陆河县| 禹城市| 陕西省| 全州县| 理塘县| 泽普县| 阳西县| 谷城县| 大埔县| 万载县| 河北省| 灌南县| 仁化县| 台南县| 乾安县| 乳山市| 金昌市| 石城县| 大足县| 府谷县| 平乐县| 防城港市| 平昌县| 安国市| 从化市| 信阳市| 乌兰县| 保康县| 江陵县| 金川县| 南郑县| 屏南县| 海淀区| 邯郸市| 修水县| 漳州市|