ホームページ >ウェブフロントエンド >jsチュートリアル >簡単なajax接続ライブラリ共有(jqueryを使わないajax)_基礎知識

簡単なajax接続ライブラリ共有(jqueryを使わないajax)_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:03:241597ブラウズ

复制代代码如下:

var ajax = {
init : function() {
var xmlHttp = new XMLHttpRequest();
if (!window.XMLHttpRequest)
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
},
呼び出し: function(opt){
var xmlHttp = this.init();

xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState===4)
{
xmlHttp.status===200 ?
opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.error(xmlHttp.responseText,xmlHttp.status);
}
}
opt.data = this.parseData(opt.data);
if(opt.method.toLowerCase() === 'get'){
opt.url = opt.url "?" opt.data;
opt.data = null;
}
xmlHttp.open(opt.method,opt.url,opt.async);
if(opt.method.toLowerCase() = == 'post')
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(opt.data);
},
parseData : function(data){
if(typeof data == 'object'){
var str = '';
for(var i in data){
str = "& " i "=" encodeURIComponent(data[i]);
}
return str.length==0 ? str : str.substring(1);
}else{
データを返す;
}
}
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。