>웹 프론트엔드 >JS 튜토리얼 >Easy.Ajax 부분 소스 코드는 파일 업로드 기능을 지원하며 모든 주요 browser_javascript 기술과 호환됩니다.

Easy.Ajax 부분 소스 코드는 파일 업로드 기능을 지원하며 모든 주요 browser_javascript 기술과 호환됩니다.

WBOY
WBOY원래의
2016-05-16 18:10:25808검색
코드 복사 코드는 다음과 같습니다.

Easy.Ajax = {
proxyPool: {
length: function () {
var i = 0;
for (var p in this)
i ;
i - 1을 반환합니다.
}
},
인덱스: 0,
async: true,
xmlData: false,
timeout: 1,
defaultHeader: 'application/json; charset=utf-8',
clearCache: true,
emptyFn: function () {
},
defaultHandlers: {
empty: function () { },
onerror: this.empty,
onload: this.empty,
ontimeout: this.empty,
onprogress: this.empty
},
createXhr: function(id) {
var py , pxy;
시도해 보세요 {
var md = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"];
시도해 보세요 {
pxy = new XMLHttpRequest();
} catch (e) {
}
if (!pxy && window.XDomainRequest)
pxy = new XDomainRequest();
for (var i = 0; !pxy; i )
try {
pxy = new ActiveXObject(md[i]);
} catch (e) {
}
py = {
conn: pxy,
isLoading: false,
id: id
};
this.proxyPool[id] = py;
} catch (e) {
return new Easy.Error(e, e.message);
} 마침내 {
pxy를 반환합니까? py : new Easy.Error('널 포인터');
}
},
setEvents: function (pxy, cfg, override) {
try {
var dh = this.defaultHandlers, props = cfg, conn = pxy.conn, me = 이것;
for (var p in dh) {
if (!override && conn.hasOwnProperty(p))
계속;
시도해 보세요 {
conn[p] = props[p] || dh[p];
} catch (e) {
}
}
conn.onreadystatechange = function () {
if (conn.readyState == 4) {
pxy.isLoading = false;
(cfg.callback || me.callback).call(conn, conn.responseText
|| conn.responseXML.xml, cfg);
me.destroy(pxy.id);
}
}
} catch (e) {
} 마침내 {
return conn;
}
},
콜백: function (rsp, cfg) {
var emptyFn = function () {
};
if (this.status == 200) {
(cfg.success ||emptyFn).call(this, rsp);
} else {
(cfg.failure ||emptyFn).call(this, rsp, this.statue);
}
},
getParam: function(pms) {
return Easy.util.join(pms, "&");
},
open: function (method, url, async, cfg, uname, pwd) {
var me = this, pxy = this.createXhr(this.index );
var conn = pxy.conn;
conn.open(메서드, URL, 비동기);
conn.setRequestHeader("Content-Type", cfg.xmlData || this.xmlData
? "text/xml"
: this.defaultHeader);
conn.setRequestHeader("timeout", this.timeout);
pxy를 반환합니다.
},
toRequstCfg: function (cfg) {
if (Easy.getType(cfg) == "string")
cfg = {
url: cfg
};
cfg.url = Easy.util.urlAppend(cfg.url, Math.random(5))
var form = Easy.DOM.get(cfg.form);
if (양식) {
if (cfg.isUpload || /multipart/form-data/i.test(form.getAttribute("enctype")))
cfg.isUpload = true;
else
cfg.params = Easy.util.serializeForm(form);
}
cfg를 반환합니다.
},
요청: 함수(cfg, 메소드) {
var pxy = this.open(메소드 || "POST", cfg.url, true, cfg), 프록시 = pxy.conn;
proxy = this.setEvents(pxy, cfg, true);
var params = this.getParam(cfg.params), bl = cfg.beforeLoad;
if (bl && Easy.getType(bl) == "function" && bl.call(proxy) === false)
return;
proxy.send(params);
pxy.isLoading = true;
pxy.id를 반환합니다.
},
get: 함수(cfg) {
cfg = this.toRequstCfg(cfg);
if (cfg.isUpload)
return this.upload(cfg);
return this.request(cfg, "GET");
},
포스트: 함수(cfg) {
cfg = this.toRequstCfg(cfg);
if (cfg.isUpload)
return this.upload(cfg);
return this.request(cfg);
},
업로드: 함수(cfg) {
var form = Easy.DOM.get(cfg.form);
var iframe = document.createElement("iframe");
var iframeID = "Easy_Ajax_Form_Submit";
Easy.DOM.setAttributes(iframe, {
id: iframeID,
name: iframeID,
width: "0px",
height: "0px",
style: " 디스플레이:없음;",
src: "about:blank"
});
Easy.DOM.render(iframe, 양식);
if (Easy.util.isIE)
document.frames[iframeID].name = iframeID;
var Complete = function () {
Easy.DOM.destroy(iframe);
};
cfg.url = cfg.url || 양식.액션;
Easy.DOM.setAttributes(form, {
action: Easy.util.urlAppend(cfg.url, cfg.params),
target: iframeID,
enctype: "multipart/form-data ",
메서드: "POST"
});
var cb = function () {
try {
var me = this, r =
{
responseText: '', responseXML: null
},
doc,
첫번째 아이;
시도해 보세요 {
doc = iframe.contentWindow.document || iframe.contentDocument || window.frames[id].document;
if (doc) {
if (doc.body) {
if (/textarea/i.test((firstChild = doc.body.firstChild || {}).tagName)) {
r.responseText = firstChild.value;
}
else {
r.responseText = doc.body.innerHTML;
}
}
r.responseXML = r.responseText;
}
}
catch (e) {
}
(cfg.callback || cfg.success || 완료).call(r, r.responseText ||
r .responseXML.xml, cfg);
} catch (e) {
(cfg.failure || cfg.callback || 완료).call(r, e.message, cfg);
}
};
Easy.DOM.on(iframe, "load", cb, iframe);
양식.제출();
},
destroy: function(id) {
this.abort(id);
이.proxyPool[id] 삭제;
},
중단: 함수(id) {
if (!Easy.util.isIE6)
(((this.proxyPool[id] || {}).conn.abort) | | this.emptyFn)();
}
};
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.