手写简易的AJAX

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会增大网络数据的流量,从而降低整个系统的性能。

//  获取当前日期前后多少天的日期,之前多少天传负数,后面多少天传正数,今天传0,

        //  num为传入的数字, time为传入的指定日期,如果time不传,则默认为当前时间

        getBeforeDate(num = 0, time) {

            let n = -num;

            let d = '';

            if (time) {

                d = new Date(time);

            } else {

                d = new Date();

            }

            d.setDate(d.getDate() - n);

            return d.getTime()

        },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值