资讯专栏INFORMATION COLUMN

ajxa和axios的区别

noONE / 810人阅读

摘要:但还会需要一个对象来对结果进行处理。实现对象用于在后台与服务器交换数据说明请求已完成从服务器获得数据实现说明请求已完成从服务器获得数据

1.axios 原理还是属于 XMLHttpRequest, 因此需要实现一个ajax。
2.但还会需要一个promise对象来对结果进行处理。
3.ajax实现
var Ajax={

    get: function(url, fn) {
        // XMLHttpRequest对象用于在后台与服务器交换数据
        var xhr = new XMLHttpRequest();
        xhr.open("GET", url, true);
        xhr.onreadystatechange = function() {
            // readyState == 4说明请求已完成
            if (xhr.readyState == 4 && xhr.status == 200) {
                // 从服务器获得数据
                fn.call(this, xhr.responseText);
            }
        };
        xhr.send();
    }
}

axios实现
var Axios = {

    get: function(url) {
        return new Promise((resolve, reject) => {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.onreadystatechange = function() {
                // readyState == 4说明请求已完成
                if (xhr.readyState == 4 && xhr.status == 200) {
                    // 从服务器获得数据
                    resolve(xhr.responseText)
                }
            };
            xhr.send();
        })
    },
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106102.html

相关文章

  • jQloader 开源,集成 ajax、history、loading、orderTemplate

    摘要:一款精简而丰富的微型框架,非常适合以为核心的项目使用。并集成指令模板进度条效果等功能。虽然支持载入页面的运行,但是由于安全限制以及可能出现的重复运行的问题,建议将所有写在主页面,事件以委托方式绑定。使用模式请求页面,这样可以保证是完全重载。 jQloader v0.2.3 一款精简而丰富的微型框架,非常适合以 jQuery 为核心的项目使用。 它的核心功能为 ajax + pushS...

    JohnLui 评论0 收藏0
  • jQloader 开源,集成 ajax、history、loading、orderTemplate

    摘要:一款精简而丰富的微型框架,非常适合以为核心的项目使用。并集成指令模板进度条效果等功能。虽然支持载入页面的运行,但是由于安全限制以及可能出现的重复运行的问题,建议将所有写在主页面,事件以委托方式绑定。使用模式请求页面,这样可以保证是完全重载。 jQloader v0.2.3 一款精简而丰富的微型框架,非常适合以 jQuery 为核心的项目使用。 它的核心功能为 ajax + pushS...

    techstay 评论0 收藏0
  • Jquery ajax, Axios, Fetch区别之我见

    摘要:我们都知道因为同源策略的问题,浏览器的请求是可能随便跨域的一定要有跨域头或者借助,但是,中可以设置为不跨域,如下所示这样之后我们会得到一个为的返回。 免费帮忙内推阿里等各大IT公司的岗位,有兴趣可以带简历加微信angeltune 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1.9版本版本以下不支持大文件请求这个...

    YanceyOfficial 评论0 收藏0
  • 使用axios发送post请求,body传送数据格式formjson区别

    摘要:先来看看这两个种传送格式的写法格式,将类型设置为,请求时将序列化提交的数据会按照的方式进行编码,和都进行了转码拦截器传参序列化格式,有时候后台需要传送的是数据,将类型设置为,注意请求时不要序列化 先来看看这两个种传送格式的写法1.form格式,将Content-Type类型设置为application/x-www-form-urlencode,POST请求时将data序列化,提交的数据...

    fuyi501 评论0 收藏0
  • 容易混淆-论queryparams在前后端中区别

    摘要:前言最近在学,试着做一个前后端都有的项目然后就遇到了和这俩兄弟你说他们俩长得也不像吧可这用法实在是太类似了这不,专门写篇文章来区分这哥俩分别会从路由和接收两个角度讲路由中的传参假设我们现在需要实现一个路由切换,点击之切换到组件并传递一个值和 前言 最近在学node,试着做一个前后端都有的项目然后就遇到了query和parmas这俩兄弟你说他们俩长得也不像吧可这用法实在是太类似了这不,专...

    lentrue 评论0 收藏0

发表评论

0条评论

noONE

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<