1052 lines
40 KiB
JavaScript
1052 lines
40 KiB
JavaScript
//=========================================
|
||
// 数据交互模块 by 司徒正美
|
||
// 版本: 1.0.0
|
||
// 最近更新: 2015/4/30
|
||
//==========================================
|
||
avalon.Promise = Promise;
|
||
define(["avalon"], function(avalon) {
|
||
var global = window
|
||
var DOC = global.document
|
||
var encode = encodeURIComponent
|
||
var decode = decodeURIComponent
|
||
|
||
var rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/
|
||
var rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg
|
||
var rnoContent = /^(?:GET|HEAD)$/
|
||
var rprotocol = /^\/\//
|
||
var rhash = /#.*$/
|
||
var rquery = /\?/
|
||
var rjsonp = /(=)\?(?=&|$)|\?\?/
|
||
var r20 = /%20/g
|
||
var radd = /\+/g
|
||
var r5b5d = /%5B(.*?)%5D$/;
|
||
|
||
var originAnchor = document.createElement("a")
|
||
originAnchor.href = location.href
|
||
//告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。
|
||
var accepts = {
|
||
xml: "application/xml, text/xml",
|
||
html: "text/html",
|
||
text: "text/plain",
|
||
json: "application/json, text/javascript",
|
||
script: "text/javascript, application/javascript",
|
||
"*": ["*/"] + ["*"] //避免被压缩掉
|
||
}
|
||
|
||
function IE() {
|
||
if (window.VBArray) {
|
||
var mode = document.documentMode
|
||
return mode ? mode : window.XMLHttpRequest ? 7 : 6
|
||
} else {
|
||
return 0
|
||
}
|
||
}
|
||
var useOnload = IE() === 0 || IE() > 8
|
||
|
||
function parseJS(code) {
|
||
var indirect = eval
|
||
code = code.trim()
|
||
if (code) {
|
||
if (code.indexOf("use strict") === 1) {
|
||
var script = document.createElement("script")
|
||
script.text = code;
|
||
head.appendChild(script).parentNode.removeChild(script)
|
||
} else {
|
||
indirect(code)
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!String.prototype.startsWith) {
|
||
String.prototype.startsWith = function(searchString, position) {
|
||
position = position || 0;
|
||
return this.lastIndexOf(searchString, position) === position;
|
||
}
|
||
}
|
||
|
||
var head = DOC.getElementsByTagName("head")[0] //HEAD元素
|
||
var isLocal = false
|
||
try {
|
||
//在IE下如果重置了document.domain，直接访问window.location会抛错，但用document.URL就ok了
|
||
//http://www.cnblogs.com/WuQiang/archive/2012/09/21/2697474.html
|
||
isLocal = rlocalProtocol.test(location.protocol)
|
||
} catch (e) {
|
||
}
|
||
|
||
new function() {
|
||
//http://www.cnblogs.com/rubylouvre/archive/2010/04/20/1716486.html
|
||
var s = ["XMLHttpRequest",
|
||
"ActiveXObject('MSXML2.XMLHTTP.6.0')",
|
||
"ActiveXObject('MSXML2.XMLHTTP.3.0')",
|
||
"ActiveXObject('MSXML2.XMLHTTP')",
|
||
"ActiveXObject('Microsoft.XMLHTTP')"
|
||
]
|
||
s[0] = IE() < 8 && IE() !== 0 && isLocal ? "!" : s[0] //IE下只能使用ActiveXObject
|
||
for (var i = 0, axo; axo = s[i++];) {
|
||
try {
|
||
if (eval("new " + axo)) {
|
||
avalon.xhr = new Function("return new " + axo)
|
||
break;
|
||
}
|
||
} catch (e) {
|
||
}
|
||
}}
|
||
var supportCors = "withCredentials" in avalon.xhr()
|
||
|
||
|
||
|
||
|
||
function parseXML(data, xml, tmp) {
|
||
try {
|
||
var mode = document.documentMode
|
||
if (window.DOMParser && (!mode || mode > 8)) { // Standard
|
||
tmp = new DOMParser()
|
||
xml = tmp.parseFromString(data, "text/xml")
|
||
} else { // IE
|
||
xml = new ActiveXObject("Microsoft.XMLDOM") //"Microsoft.XMLDOM"
|
||
xml.async = "false";
|
||
xml.loadXML(data)
|
||
}
|
||
} catch (e) {
|
||
xml = void 0
|
||
}
|
||
if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) {
|
||
avalon.error("Invalid XML: " + data)
|
||
}
|
||
return xml
|
||
}
|
||
|
||
//ajaxExtend是一个非常重要的内部方法，负责将用法参数进行规整化
|
||
//1. data转换为字符串
|
||
//2. type转换为大写
|
||
//3. url正常化，加querystring, 加时间戮
|
||
//4. 判定有没有跨域
|
||
//5. 添加hasContent参数
|
||
var defaults = {
|
||
type: "GET",
|
||
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
|
||
async: true,
|
||
jsonp: "callback"
|
||
}
|
||
function ajaxExtend(opts) {
|
||
opts = avalon.mix({}, defaults, opts)
|
||
opts.type = opts.type.toUpperCase()
|
||
var querystring = typeof opts.data === "string" ? opts.data : avalon.param(opts.data)
|
||
opts.querystring = querystring || ""
|
||
opts.url = opts.url.replace(rhash, "").replace(rprotocol, location.protocol + "//")
|
||
|
||
if (typeof opts.crossDomain !== "boolean") { //判定是否跨域
|
||
var urlAnchor = document.createElement("a");
|
||
// Support: IE6-11+
|
||
// IE throws exception if url is malformed, e.g. http://example.com:80x/
|
||
try {
|
||
urlAnchor.href = opts.url;
|
||
// in IE7-, get the absolute path
|
||
var absUrl = !"1"[0] ? urlAnchor.getAttribute("href", 4) : urlAnchor.href;
|
||
urlAnchor.href = absUrl
|
||
opts.crossDomain = originAnchor.protocol + "//" + originAnchor.host !== urlAnchor.protocol + "//" + urlAnchor.host;
|
||
} catch (e) {
|
||
opts.crossDomain = true;
|
||
}
|
||
}
|
||
opts.hasContent = !rnoContent.test(opts.type) //是否为post请求
|
||
if (!opts.hasContent) {
|
||
if (querystring) { //如果为GET请求,则参数依附于url上
|
||
opts.url += (rquery.test(opts.url) ? "&" : "?") + querystring;
|
||
}
|
||
if (opts.cache === false) { //添加时间截
|
||
opts.url += (rquery.test(opts.url) ? "&" : "?") + "_time=" + (new Date() - 0)
|
||
}
|
||
}
|
||
return opts;
|
||
}
|
||
/**
|
||
* 伪XMLHttpRequest类,用于屏蔽浏览器差异性
|
||
* var ajax = new(self.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")
|
||
* ajax.onreadystatechange = function(){
|
||
* if (ajax.readyState==4 && ajax.status==200){
|
||
* alert(ajax.responseText)
|
||
* }
|
||
* }
|
||
* ajax.open("POST", url, true)
|
||
* ajax.send("key=val&key1=val2")
|
||
*/
|
||
var XHRMethods = {
|
||
setRequestHeader: function(name, value) {
|
||
this.requestHeaders[name] = value;
|
||
return this;
|
||
},
|
||
getAllResponseHeaders: function() {
|
||
return this.readyState === 4 ? this.responseHeadersString : null;
|
||
},
|
||
getResponseHeader: function(name, match) {
|
||
if (this.readyState === 4) {
|
||
while ((match = rheaders.exec(this.responseHeadersString))) {
|
||
this.responseHeaders[match[1]] = match[2];
|
||
}
|
||
match = this.responseHeaders[name];
|
||
}
|
||
return match === undefined ? null : match;
|
||
},
|
||
overrideMimeType: function(type) {
|
||
this.mimeType = type;
|
||
return this;
|
||
},
|
||
// 中止请求
|
||
abort: function(statusText) {
|
||
statusText = statusText || "abort";
|
||
if (this.transport) {
|
||
this.respond(0, statusText)
|
||
}
|
||
return this;
|
||
},
|
||
/**
|
||
* 用于派发success,error,complete等回调
|
||
* http://www.cnblogs.com/rubylouvre/archive/2011/05/18/2049989.html
|
||
* @param {Number} status 状态码
|
||
* @param {String} statusText 对应的扼要描述
|
||
*/
|
||
dispatch: function(status, nativeStatusText) {
|
||
var statusText = nativeStatusText
|
||
// 只能执行一次，防止重复执行
|
||
if (!this.transport) { //2:已执行回调
|
||
return
|
||
}
|
||
this.readyState = 4
|
||
var isSuccess = status >= 200 && status < 300 || status === 304
|
||
if (isSuccess) {
|
||
if (status === 204) {
|
||
statusText = "nocontent"
|
||
} else if (status === 304) {
|
||
statusText = "notmodified"
|
||
} else {
|
||
//如果浏览器能直接返回转换好的数据就最好不过,否则需要手动转换
|
||
if (typeof this.response === "undefined") {
|
||
var dataType = this.options.dataType || this.options.mimeType
|
||
if (!dataType && this.responseText || this.responseXML) { //如果没有指定dataType，则根据mimeType或Content-Type进行揣测
|
||
dataType = this.getResponseHeader("Content-Type") || ""
|
||
dataType = dataType.match(/json|xml|script|html/i) || ["text"]
|
||
dataType = dataType[0].toLowerCase()
|
||
}
|
||
var responseText = this.responseText || '',
|
||
responseXML = this.responseXML || ''
|
||
try {
|
||
this.response = avalon.ajaxConverters[dataType].call(this, responseText, responseXML)
|
||
} catch (e) {
|
||
isSuccess = false
|
||
this.error = e
|
||
statusText = "parsererror"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
this.status = status;
|
||
this.statusText = statusText + ""
|
||
if (this.timeoutID) {
|
||
clearTimeout(this.timeoutID)
|
||
delete this.timeoutID
|
||
}
|
||
this._transport = this.transport
|
||
|
||
/**
|
||
* global event handler
|
||
*/
|
||
var that = this
|
||
|
||
// 到这要么成功，调用success, 要么失败，调用 error, 最终都会调用 complete
|
||
if (isSuccess) {
|
||
this._resolve([this.response, statusText, this])
|
||
/**
|
||
* global event handler
|
||
*/
|
||
window.setTimeout(function() {
|
||
avalon.ajaxGlobalEvents.success(that, that.options, that.response)
|
||
}, 0)
|
||
} else {
|
||
this._reject([this, statusText, this.error])
|
||
/**
|
||
* global event handler
|
||
*/
|
||
window.setTimeout(function() {
|
||
avalon.ajaxGlobalEvents.error(that, that.options, statusText)
|
||
}, 0)
|
||
}
|
||
delete this.transport
|
||
|
||
/**
|
||
* global event handler
|
||
*/
|
||
ajaxActive--
|
||
|
||
window.setTimeout(function() {
|
||
avalon.ajaxGlobalEvents.complete(that, that.options)
|
||
}, 0)
|
||
|
||
if (ajaxActive === 0) {
|
||
// 最后一个
|
||
window.setTimeout(function() {
|
||
avalon.ajaxGlobalEvents.stop()
|
||
}, 0)
|
||
}
|
||
|
||
}
|
||
}
|
||
/**
|
||
* global event handler
|
||
*/
|
||
// 记录当前活跃的 ajax 数
|
||
var ajaxActive = 0
|
||
|
||
//ajax主函数
|
||
avalon.ajax = function(opts, promise) {
|
||
if (!opts || !opts.url) {
|
||
avalon.error("参数必须为Object并且拥有url属性")
|
||
}
|
||
opts = ajaxExtend(opts) //处理用户参数，比如生成querystring, type大写化
|
||
//创建一个伪XMLHttpRequest,能处理complete,success,error等多投事件
|
||
var XHRProperties = {
|
||
responseHeadersString: "",
|
||
responseHeaders: {},
|
||
requestHeaders: {},
|
||
querystring: opts.querystring,
|
||
readyState: 0,
|
||
uniqueID: ("" + Math.random()).replace(/0\./, ""),
|
||
status: 0
|
||
}
|
||
var _reject, _resolve
|
||
var promise = new avalon.Promise(function(resolve, reject) {
|
||
_resolve = resolve
|
||
_reject = reject
|
||
})
|
||
|
||
promise.options = opts
|
||
promise._reject = _reject
|
||
promise._resolve = _resolve
|
||
|
||
var doneList = [],
|
||
failList = []
|
||
|
||
Array("done", "fail", "always").forEach(function(method) {
|
||
promise[method] = function(fn) {
|
||
if (typeof fn === "function") {
|
||
if (method !== "fail")
|
||
doneList.push(fn)
|
||
if (method !== "done")
|
||
failList.push(fn)
|
||
}
|
||
return this
|
||
}
|
||
})
|
||
|
||
var isSync = opts.async === false
|
||
if (isSync) {
|
||
avalon.log("warnning:与jquery1.8一样,async:false这配置已经被废弃")
|
||
promise.async = false
|
||
}
|
||
|
||
|
||
avalon.mix(promise, XHRProperties, XHRMethods)
|
||
|
||
promise.then(function(value) {
|
||
value = Array.isArray(value) ? value : value === void 0 ? [] : [value]
|
||
for (var i = 0, fn; fn = doneList[i++];) {
|
||
fn.apply(promise, value)
|
||
}
|
||
return value
|
||
}, function(value) {
|
||
value = Array.isArray(value) ? value : value === void 0 ? [] : [value]
|
||
for (var i = 0, fn; fn = failList[i++];) {
|
||
fn.apply(promise, value)
|
||
}
|
||
return value
|
||
})
|
||
|
||
|
||
promise.done(opts.success).fail(opts.error).always(opts.complete)
|
||
|
||
var dataType = opts.dataType //目标返回数据类型
|
||
var transports = avalon.ajaxTransports
|
||
|
||
if ((opts.crossDomain && !supportCors || rjsonp.test(opts.url)) && dataType === "json" && opts.type === "GET") {
|
||
dataType = opts.dataType = "jsonp"
|
||
}
|
||
var name = opts.form ? "upload" : dataType
|
||
var transport = transports[name] || transports.xhr
|
||
avalon.mix(promise, transport) //取得传送器的request, respond, preproccess
|
||
if (promise.preproccess) { //这用于jsonp upload传送器
|
||
dataType = promise.preproccess() || dataType
|
||
}
|
||
//设置首部 1、Content-Type首部
|
||
if (opts.contentType) {
|
||
promise.setRequestHeader("Content-Type", opts.contentType)
|
||
}
|
||
//2.处理Accept首部
|
||
promise.setRequestHeader("Accept", accepts[dataType] ? accepts[dataType] + ", */*; q=0.01" : accepts["*"])
|
||
for (var i in opts.headers) { //3. 处理headers里面的首部
|
||
promise.setRequestHeader(i, opts.headers[i])
|
||
}
|
||
// 4.处理超时
|
||
if (opts.async && opts.timeout > 0) {
|
||
promise.timeoutID = setTimeout(function() {
|
||
promise.abort("timeout")
|
||
promise.dispatch(0, "timeout")
|
||
}, opts.timeout)
|
||
}
|
||
|
||
/**
|
||
* global event handler
|
||
*/
|
||
if (ajaxActive === 0) {
|
||
// 第一个
|
||
avalon.ajaxGlobalEvents.start()
|
||
}
|
||
avalon.ajaxGlobalEvents.send(promise, opts)
|
||
ajaxActive++
|
||
|
||
|
||
|
||
promise.request()
|
||
return promise
|
||
};
|
||
"get,post".replace(avalon.rword, function(method) {
|
||
avalon[method] = function(url, data, callback, type) {
|
||
if (typeof data === "function") {
|
||
type = type || callback
|
||
callback = data
|
||
data = void 0
|
||
}
|
||
return avalon.ajax({
|
||
type: method,
|
||
url: url,
|
||
data: data,
|
||
success: callback,
|
||
dataType: type
|
||
})
|
||
};
|
||
})
|
||
function ok(val) {
|
||
return val
|
||
}
|
||
function ng(e) {
|
||
throw e
|
||
}
|
||
avalon.getScript = function(url, callback) {
|
||
return avalon.get(url, null, callback, "script")
|
||
}
|
||
avalon.getJSON = function(url, data, callback) {
|
||
return avalon.get(url, data, callback, "json")
|
||
}
|
||
avalon.upload = function(url, form, data, callback, dataType) {
|
||
if (typeof data === "function") {
|
||
dataType = callback;
|
||
callback = data;
|
||
data = void 0;
|
||
}
|
||
return avalon.ajax({
|
||
url: url,
|
||
type: "post",
|
||
dataType: dataType,
|
||
form: form,
|
||
data: data,
|
||
success: callback
|
||
});
|
||
}
|
||
|
||
|
||
/**
|
||
* global event handler
|
||
*/
|
||
avalon.ajaxGlobalEvents = {};
|
||
|
||
["start", "stop", "complete", "error", "success", "send"].forEach(function(method) {
|
||
avalon.ajaxGlobalEvents[method] = avalon.noop
|
||
})
|
||
|
||
avalon.ajaxConverters = { //转换器，返回用户想要做的数据
|
||
text: function(text) {
|
||
// return text || "";
|
||
return text;
|
||
},
|
||
xml: function(text, xml) {
|
||
return xml !== void 0 ? xml : parseXML(text)
|
||
},
|
||
html: function(text) {
|
||
return avalon.parseHTML(text) //一个文档碎片,方便直接插入DOM树
|
||
},
|
||
json: function(text) {
|
||
if (!avalon.parseJSON) {
|
||
avalon.log("avalon.parseJSON不存在,请升级到最新版")
|
||
}
|
||
return avalon.parseJSON(text)
|
||
},
|
||
script: function(text) {
|
||
parseJS(text)
|
||
return text;
|
||
},
|
||
jsonp: function() {
|
||
var json, callbackName;
|
||
if (this.jsonpCallback.startsWith('avalon.')) {
|
||
callbackName = this.jsonpCallback.replace(/avalon\./, '')
|
||
json = avalon[callbackName]
|
||
delete avalon[callbackName]
|
||
} else {
|
||
json = window[this.jsonpCallback]
|
||
}
|
||
return json;
|
||
}
|
||
}
|
||
|
||
var rbracket = /\[\]$/
|
||
avalon.param = function(obj) {
|
||
var prefix,
|
||
s = [],
|
||
add = function(key, value) {
|
||
// If value is a function, invoke it and return its value
|
||
value = typeof value === "function" ? value() : (value == null ? "" : value);
|
||
s[s.length] = encodeURIComponent(key) + "=" + encodeURIComponent(value);
|
||
}
|
||
// 处理数组与类数组的jquery对象
|
||
if (Array.isArray(obj)) {
|
||
// Serialize the form elements
|
||
avalon.each(obj, add)
|
||
|
||
} else {
|
||
for (prefix in obj) {
|
||
paramInner(prefix, obj[prefix], add);
|
||
}
|
||
}
|
||
|
||
// Return the resulting serialization
|
||
return s.join("&").replace(r20, "+");
|
||
}
|
||
|
||
function paramInner(prefix, obj, add) {
|
||
var name;
|
||
if (Array.isArray(obj)) {
|
||
// Serialize array item.
|
||
avalon.each(obj, function(i, v) {
|
||
if (rbracket.test(prefix)) {
|
||
// Treat each array item as a scalar.
|
||
add(prefix, v);
|
||
} else {
|
||
// Item is non-scalar (array or object), encode its numeric index.
|
||
paramInner(
|
||
prefix + "[" + (typeof v === "object" ? i : "") + "]",
|
||
v,
|
||
add);
|
||
}
|
||
});
|
||
} else if (avalon.isPlainObject(obj)) {
|
||
// Serialize object item.
|
||
for (name in obj) {
|
||
paramInner(prefix + "[" + name + "]", obj[name], add);
|
||
}
|
||
|
||
} else {
|
||
// Serialize scalar item.
|
||
add(prefix, obj);
|
||
}
|
||
}
|
||
//将一个字符串转换为对象
|
||
function tryDecodeURIComponent(value) {
|
||
try {
|
||
return decodeURIComponent(value);
|
||
} catch (e) {
|
||
return value
|
||
}
|
||
}
|
||
|
||
|
||
//a%5B0%5D%5Bvalue%5D a%5B1%5D%5B%5D
|
||
function addSubObject(host, text, value) {
|
||
var match = text.match(r5b5d)
|
||
if (!match) {
|
||
return true
|
||
}
|
||
|
||
var steps = []
|
||
var first = true
|
||
var step, index, key
|
||
while (index = text.lastIndexOf("%5B")) {
|
||
if (index === -1) {
|
||
break
|
||
}
|
||
key = text.slice(index).slice(3, -3)
|
||
text = text.slice(0, index)
|
||
if (key === "") {
|
||
steps.unshift({
|
||
action: "pushArrayElement"
|
||
})
|
||
} else if ((key >>> 0) + "" === key) {
|
||
steps.unshift({
|
||
action: "setSubArray",
|
||
value: key
|
||
})
|
||
} else {
|
||
if (first) {
|
||
steps.unshift({
|
||
action: "setObjectProperty",
|
||
value: tryDecodeURIComponent(key)
|
||
})
|
||
} else {
|
||
steps.unshift({
|
||
action: "setSubObjet",
|
||
value: tryDecodeURIComponent(key)
|
||
})
|
||
}
|
||
}
|
||
first = false
|
||
}
|
||
first = true
|
||
while (step = steps.shift()) {
|
||
var isObject = /Object/.test(step.action)
|
||
if (first) {
|
||
if (!(text in host)) {
|
||
host[text] = isObject ? {} : []
|
||
}
|
||
first = false
|
||
host = host[text]
|
||
}
|
||
switch (step.action) {
|
||
case "pushArrayElement":
|
||
host.push(value)
|
||
break
|
||
case "setObjectProperty":
|
||
host[step.value] = value
|
||
break
|
||
case "setSubObjet":
|
||
if (!(step.value in host)) {
|
||
host[step.value] = {}
|
||
}
|
||
host = host[step.value]
|
||
break
|
||
case "setSubArray":
|
||
if (!(step.value in host)) {
|
||
host[step.value] = []
|
||
}
|
||
host = host[step.value]
|
||
break
|
||
}
|
||
}
|
||
}
|
||
// function add
|
||
avalon.unparam = function(qs, sep, eq) {
|
||
sep = sep || '&';
|
||
eq = eq || '=';
|
||
var obj = {};
|
||
if ((typeof qs !== "string") || qs.length === 0) {
|
||
return obj;
|
||
}
|
||
if (qs.indexOf("?") !== -1) {
|
||
qs = qs.split("?").pop()
|
||
}
|
||
var array = qs.split(sep);
|
||
for (var i = 0, el; el = array[i++];) {
|
||
var arr = el.split("=")
|
||
if (arr.length === 1) { //处理只有键名没键值的情况
|
||
obj[arr[0]] = ""
|
||
} else {
|
||
var key = arr[0].replace(radd, '%20')
|
||
var v = tryDecodeURIComponent(arr.slice(1).join("=").replace(radd, ' '));
|
||
if (addSubObject(obj, key, v)) { //处理存在中括号的情况
|
||
var k = tryDecodeURIComponent(key) //处理不存在中括号的简单的情况
|
||
if (!Object.prototype.hasOwnProperty.call(obj, k)) {
|
||
obj[k] = v;
|
||
} else if (Array.isArray(obj[k])) {
|
||
obj[k].push(v);
|
||
} else {
|
||
obj[k] = [obj[k], v];
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
return obj
|
||
}
|
||
var rinput = /select|input|button|textarea/i
|
||
var rcheckbox = /radio|checkbox/
|
||
var rline = /\r?\n/g
|
||
function trimLine(val) {
|
||
return val.replace(rline, "\r\n")
|
||
}
|
||
//表单元素变字符串, form为一个元素节点
|
||
avalon.serialize = function(form) {
|
||
var json = {};
|
||
// 不直接转换form.elements，防止以下情况： <form > <input name="elements"/><input name="test"/></form>
|
||
Array.prototype.filter.call(form.getElementsByTagName("*"), function(el) {
|
||
if (rinput.test(el.nodeName) && el.name && !el.disabled) {
|
||
return rcheckbox.test(el.type) ? el.checked : true //只处理拥有name并且没有disabled的表单元素
|
||
}
|
||
}).forEach(function(el) {
|
||
var val = avalon(el).val()
|
||
val = Array.isArray(val) ? val.map(trimLine) : trimLine(val)
|
||
var name = el.name
|
||
if (name in json) {
|
||
if (Array.isArray(val)) {
|
||
json[name].push(val)
|
||
} else {
|
||
json[name] = [json[name], val]
|
||
}
|
||
} else {
|
||
json[name] = val
|
||
}
|
||
})
|
||
return avalon.param(json, false) // 名值键值对序列化,数组元素名字前不加 []
|
||
}
|
||
|
||
var transports = avalon.ajaxTransports = {
|
||
xhr: {
|
||
//发送请求
|
||
request: function() {
|
||
var self = this;
|
||
var opts = this.options;
|
||
var transport = this.transport = new avalon.xhr;
|
||
transport.open(opts.type, opts.url, opts.async, opts.username, opts.password)
|
||
if (this.mimeType && transport.overrideMimeType) {
|
||
transport.overrideMimeType(this.mimeType)
|
||
}
|
||
//IE6下，如果transport中没有withCredentials，直接设置会报错
|
||
if (opts.crossDomain && "withCredentials" in transport) {
|
||
transport.withCredentials = true
|
||
}
|
||
|
||
/*
|
||
* header 中设置 X-Requested-With 用来给后端做标示：
|
||
* 这是一个 ajax 请求。
|
||
*
|
||
* 在 Chrome、Firefox 3.5+ 和 Safari 4+ 下，
|
||
* 在进行跨域请求时设置自定义 header，会触发 preflighted requests，
|
||
* 会预先发送 method 为 OPTIONS 的请求。
|
||
*
|
||
* 于是，如果跨域，禁用此功能。
|
||
*/
|
||
if (!opts.crossDomain) {
|
||
this.requestHeaders["X-Requested-With"] = "XMLHttpRequest"
|
||
}
|
||
|
||
for (var i in this.requestHeaders) {
|
||
transport.setRequestHeader(i, this.requestHeaders[i] + "")
|
||
}
|
||
|
||
/*
|
||
* progress
|
||
*/
|
||
if (opts.progressCallback) {
|
||
// 判断是否 ie6-9
|
||
var isOldIE = document.all && !window.atob;
|
||
if (!isOldIE) {
|
||
transport.upload.onprogress = opts.progressCallback
|
||
}
|
||
}
|
||
|
||
var dataType = opts.dataType
|
||
if ("responseType" in transport && /^(blob|arraybuffer|text)$/.test(dataType)) {
|
||
transport.responseType = dataType
|
||
this.useResponseType = true
|
||
}
|
||
//必须要支持 FormData 和 file.fileList 的浏览器 才能用 xhr 发送
|
||
//标准规定的 multipart/form-data 发送必须用 utf-8 格式， 记得 ie 会受到 document.charset 的影响
|
||
transport.send(opts.hasContent && (this.formdata || this.querystring) || null)
|
||
//在同步模式中,IE6,7可能会直接从缓存中读取数据而不会发出请求,因此我们需要手动发出请求
|
||
|
||
if (!opts.async || transport.readyState === 4) {
|
||
this.respond()
|
||
} else {
|
||
if (useOnload) { //如果支持onerror, onload新API
|
||
transport.onload = transport.onerror = function(e) {
|
||
this.readyState = 4 //IE9+
|
||
this.status = e.type === "load" ? 200 : 500
|
||
self.respond()
|
||
}
|
||
} else {
|
||
transport.onreadystatechange = function() {
|
||
self.respond()
|
||
}
|
||
}
|
||
}
|
||
},
|
||
//用于获取原始的responseXMLresponseText 修正status statusText
|
||
//第二个参数为1时中止清求
|
||
respond: function(event, forceAbort) {
|
||
var transport = this.transport
|
||
if (!transport) {
|
||
return
|
||
}
|
||
// by zilong：避免abort后还继续派发onerror等事件
|
||
if (forceAbort && this.timeoutID) {
|
||
clearTimeout(this.timeoutID);
|
||
delete this.timeoutID
|
||
}
|
||
try {
|
||
var completed = transport.readyState === 4
|
||
if (forceAbort || completed) {
|
||
transport.onreadystatechange = avalon.noop
|
||
if (useOnload) { //IE6下对XHR对象设置onerror属性可能报错
|
||
transport.onerror = transport.onload = null
|
||
}
|
||
if (forceAbort) {
|
||
if (!completed && typeof transport.abort === "function") { // 完成以后 abort 不要调用
|
||
transport.abort()
|
||
}
|
||
} else {
|
||
var status = transport.status
|
||
//设置responseText
|
||
var text = transport.responseText
|
||
|
||
this.responseText = typeof text === "string" ? text : void 0
|
||
//设置responseXML
|
||
try {
|
||
//当responseXML为[Exception: DOMException]时，
|
||
//访问它会抛“An attempt was made to use an object that is not, or is no longer, usable”异常
|
||
var xml = transport.responseXML
|
||
this.responseXML = xml.documentElement
|
||
} catch (e) {
|
||
}
|
||
//设置response
|
||
if (this.useResponseType) {
|
||
this.response = transport.response
|
||
}
|
||
//设置responseHeadersString
|
||
this.responseHeadersString = transport.getAllResponseHeaders()
|
||
|
||
try { //火狐在跨城请求时访问statusText值会抛出异常
|
||
var statusText = transport.statusText
|
||
} catch (e) {
|
||
this.error = e
|
||
statusText = "firefoxAccessError"
|
||
}
|
||
//用于处理特殊情况,如果是一个本地请求,只要我们能获取数据就假当它是成功的
|
||
if (!status && isLocal && !this.options.crossDomain) {
|
||
status = this.responseText ? 200 : 404
|
||
//IE有时会把204当作为1223
|
||
} else if (status === 1223) {
|
||
status = 204
|
||
}
|
||
this.dispatch(status, statusText)
|
||
}
|
||
}
|
||
} catch (err) {
|
||
// 如果网络问题时访问XHR的属性，在FF会抛异常
|
||
// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
|
||
if (!forceAbort) {
|
||
this.dispatch(500, err)
|
||
}
|
||
}
|
||
}
|
||
},
|
||
jsonp: {
|
||
preproccess: function() {
|
||
var opts = this.options;
|
||
var name = this.jsonpCallback = opts.jsonpCallback || "avalon.jsonp" + setTimeout("1")
|
||
if (rjsonp.test(opts.url)) {
|
||
opts.url = opts.url.replace(rjsonp, "$1" + name)
|
||
} else {
|
||
opts.url = opts.url + (rquery.test(opts.url) ? "&" : "?") + opts.jsonp + "=" + name
|
||
}
|
||
//将后台返回的json保存在惰性函数中
|
||
if (name.startsWith('avalon.')) {
|
||
name = name.replace(/avalon\./, '')
|
||
avalon[name] = function(json) {
|
||
avalon[name] = json
|
||
}
|
||
} else {
|
||
window[name] = function(json) {
|
||
window[name] = json
|
||
}
|
||
}
|
||
return "script"
|
||
}
|
||
},
|
||
script: {
|
||
request: function() {
|
||
var opts = this.options;
|
||
var node = this.transport = DOC.createElement("script")
|
||
if (opts.charset) {
|
||
node.charset = opts.charset
|
||
}
|
||
var self = this;
|
||
node.onerror = node[useOnload ? "onload" : "onreadystatechange"] = function() {
|
||
self.respond()
|
||
};
|
||
node.src = opts.url
|
||
head.insertBefore(node, head.firstChild)
|
||
},
|
||
respond: function(event, forceAbort) {
|
||
var node = this.transport
|
||
if (!node) {
|
||
return
|
||
}
|
||
// by zilong：避免abort后还继续派发onerror等事件
|
||
if (forceAbort && this.timeoutID) {
|
||
clearTimeout(this.timeoutID);
|
||
delete this.timeoutID
|
||
}
|
||
var execute = /loaded|complete|undefined/i.test(node.readyState)
|
||
if (forceAbort || execute) {
|
||
node.onerror = node.onload = node.onreadystatechange = null
|
||
var parent = node.parentNode;
|
||
if (parent) {
|
||
parent.removeChild(node)
|
||
}
|
||
if (!forceAbort) {
|
||
var args;
|
||
if (this.jsonpCallback) {
|
||
var jsonpCallback = this.jsonpCallback.startsWith('avalon.') ? avalon[this.jsonpCallback.replace(/avalon\./, '')] : window[this.jsonpCallback]
|
||
args = typeof jsonpCallback === "function" ? [500, "error"] : [200, "success"]
|
||
} else {
|
||
args = [200, "success"]
|
||
}
|
||
|
||
this.dispatch.apply(this, args)
|
||
}
|
||
}
|
||
}
|
||
},
|
||
upload: {
|
||
preproccess: function() {
|
||
var opts = this.options, formdata
|
||
if (typeof opts.form.append === "function") { //简单判断opts.form是否为FormData
|
||
formdata = opts.form;
|
||
opts.contentType = '';
|
||
} else {
|
||
formdata = new FormData(opts.form) //将二进制什么一下子打包到formdata
|
||
}
|
||
avalon.each(opts.data, function(key, val) {
|
||
formdata.append(key, val) //添加客外数据
|
||
})
|
||
this.formdata = formdata
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
avalon.mix(transports.jsonp, transports.script)
|
||
avalon.mix(transports.upload, transports.xhr)
|
||
|
||
if (!window.FormData) {
|
||
var str = 'Function BinaryToArray(binary)\r\n\
|
||
Dim oDic\r\n\
|
||
Set oDic = CreateObject("scripting.dictionary")\r\n\
|
||
length = LenB(binary) - 1\r\n\
|
||
For i = 1 To length\r\n\
|
||
oDic.add i, AscB(MidB(binary, i, 1))\r\n\
|
||
Next\r\n\
|
||
BinaryToArray = oDic.Items\r\n\
|
||
End Function'
|
||
execScript(str, "VBScript");
|
||
avalon.fixAjax = function() {
|
||
avalon.ajaxConverters.arraybuffer = function() {
|
||
var body = this.tranport && this.tranport.responseBody
|
||
if (body) {
|
||
return new VBArray(BinaryToArray(body)).toArray();
|
||
}
|
||
};
|
||
function createIframe(ID) {
|
||
var iframe = avalon.parseHTML("<iframe " + " id='" + ID + "'" +
|
||
" name='" + ID + "'" + " style='position:absolute;left:-9999px;top:-9999px;'/>").firstChild;
|
||
return (DOC.body || DOC.documentElement).insertBefore(iframe, null);
|
||
}
|
||
function addDataToForm(form, data) {
|
||
var ret = [],
|
||
d, isArray, vs, i, e;
|
||
for (d in data) {
|
||
isArray = Array.isArray(data[d]);
|
||
vs = isArray ? data[d] : [data[d]];
|
||
// 数组和原生一样对待，创建多个同名输入域
|
||
for (i = 0; i < vs.length; i++) {
|
||
e = DOC.createElement("input");
|
||
e.type = 'hidden';
|
||
e.name = d;
|
||
e.value = vs[i];
|
||
form.appendChild(e);
|
||
ret.push(e);
|
||
}
|
||
}
|
||
return ret;
|
||
}
|
||
//https://github.com/codenothing/Pure-Javascript-Upload/blob/master/src/upload.js
|
||
avalon.ajaxTransports.upload = {
|
||
request: function() {
|
||
var self = this;
|
||
var opts = this.options;
|
||
var ID = "iframe-upload-" + this.uniqueID;
|
||
var form = opts.form;
|
||
var iframe = this.transport = createIframe(ID);
|
||
//form.enctype的值
|
||
//1:application/x-www-form-urlencoded 在发送前编码所有字符（默认）
|
||
//2:multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
|
||
//3:text/plain 空格转换为 "+" 加号，但不对特殊字符编码。
|
||
var backups = {
|
||
target: form.target || "",
|
||
action: form.action || "",
|
||
enctype: form.enctype,
|
||
method: form.method
|
||
};
|
||
var fields = opts.data ? addDataToForm(form, opts.data) : [];
|
||
//必须指定method与enctype，要不在FF报错
|
||
//表单包含文件域时，如果缺少 method=POST 以及 enctype=multipart/form-data，
|
||
// 设置target到隐藏iframe，避免整页刷新
|
||
form.target = ID;
|
||
form.action = opts.url;
|
||
form.method = "POST";
|
||
form.enctype = "multipart/form-data";
|
||
this.uploadcallback = avalon.bind(iframe, "load", function(event) {
|
||
self.respond(event);
|
||
});
|
||
form.submit();
|
||
//还原form的属性
|
||
for (var i in backups) {
|
||
form[i] = backups[i];
|
||
}
|
||
//移除之前动态添加的节点
|
||
fields.forEach(function(input) {
|
||
form.removeChild(input);
|
||
});
|
||
},
|
||
respond: function(event) {
|
||
var node = this.transport, child
|
||
// 防止重复调用,成功后 abort
|
||
if (!node) {
|
||
return;
|
||
}
|
||
if (event && event.type === "load") {
|
||
var doc = node.contentWindow.document;
|
||
this.responseXML = doc;
|
||
if (doc.body) { //如果存在body属性,说明不是返回XML
|
||
this.responseText = doc.body.innerHTML;
|
||
//当MIME为'application/javascript' 'text/javascript",浏览器会把内容放到一个PRE标签中
|
||
if ((child = doc.body.firstChild) && child.nodeName.toUpperCase() === 'PRE' && child.firstChild) {
|
||
this.responseText = child.firstChild.nodeValue;
|
||
}
|
||
}
|
||
this.dispatch(200, "success");
|
||
}
|
||
this.uploadcallback = avalon.unbind(node, "load", this.uploadcallback);
|
||
delete this.uploadcallback;
|
||
setTimeout(function() { // Fix busy state in FF3
|
||
node.parentNode.removeChild(node);
|
||
});
|
||
}
|
||
};
|
||
delete avalon.fixAjax;
|
||
};
|
||
avalon.fixAjax()
|
||
}
|
||
return avalon
|
||
})
|
||
/**
|
||
*
|
||
2011.8.31
|
||
将会传送器的abort方法上传到avalon.XHR.abort去处理
|
||
修复serializeArray的bug
|
||
对XMLHttpRequest.abort进行try...catch
|
||
2012.3.31 v2 大重构,支持XMLHttpRequest Level2
|
||
2013.4.8 v3 大重构 支持二进制上传与下载
|
||
http://www.cnblogs.com/heyuquan/archive/2013/05/13/3076465.html
|
||
2014.12.25 v4 大重构
|
||
2015.3.2 去掉mmPromise
|
||
2015.3.13 使用加强版mmPromise
|
||
2015.3.17 增加 xhr 的 onprogress 回调
|
||
2015.12.10 处理全局对象BUG
|
||
*/
|
JavaScript
95.2%
CSS
4.8%