export default {
ajax: function (methods, url) {
return new Promise((resolve, reject) => {
let _ajax = null
if (window.XMLHttpRequest) {
_ajax = new window.XMLHttpRequest()
} else {
_ajax = new ActiveXObject('Microsoft.XMLHTTP')
}
_ajax.onreadystatechange = function (e) {
if (_ajax.readyState === 4) {
if (_ajax.status === 200) {
resolve(_ajax.responseText)
console.log('返回值:' + _ajax.responseText)
} else {
reject(_ajax.status)
console.log('返回出错:' + _ajax.status)
}
}
}
_ajax.open(methods, url, true)
_ajax.send()
})
}
}
优点:
1.最大的优点就是页面无需刷新,在页面内与服务器通信,非常好的用户体验。
2.使用异步的方式与服务器通信,不需要中断操作。
3.可以把以前服务器负担的工作转嫁给客户端,减轻服务器和带宽,可以最大程度减少冗余请求。
4.基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
缺点:
1.AJAX干掉了Back和History功能,即对浏览器机制的破坏。
在动态更新页面的情况下,用户无法回到前一个页面状态,因为浏览器仅能记忆历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常会希望单击后退按钮能够取消他们的前一次操作,但是在Ajax应用程序中,这将无法实现。
2.安全问题技术同时也对IT企业带来了新的安全威胁,ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。还有ajax也难以避免一些已知的安全弱点,诸如跨站点脚步攻击、SQL注入攻击和基于credentials的安全漏洞等。
3.对搜索引擎的支持比较弱。如果使用不当,AJAX会增大网络数据的流量,从而降低整个系统的性能。