• 技术文章 >web前端 >前端问答

    es6中fetch的用法是什么

    长期闲置长期闲置2022-05-06 18:10:02原创238

    es6中,fetch用于发起远程资源的请求,是提供跨网络异步获取资源的方法;该方法被定义在BOM的window对象中,返回一个Promise对象,语法“fetch(url,配置对象).then(function(response){})”。

    本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

    es6中fetch的用法是什么

    fetch的基本语法

    fetch(url,init).then(function(response) { } )

    es6 fetch怎么使用?JavaScript

    fetch的参数说明

    Fetch API提供了一个 JavaScript接口,用于访问和操纵HTTP管道的部分,例如请求和响应。它还提供了一个全局 fetch()方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。

    这种功能以前是使用 XMLHttpRequest实现的。Fetch提供了一个更好的替代方法,可以很容易地被其他技术使用,例如 Service Workers。Fetch还提供了单个逻辑位置来定义其他HTTP相关概念,例如CORS和HTTP的扩展。

    Fetch API提供了一个fetch()方法,它被定义在BOM的window对象中,你可以用它来发起对远程资源的请求。 该方法返回的是一个Promise对象,让你能够对请求的返回结果进行检索。

    fetch只支持跨域CORS 不支持JSONP跨越

    <script>
        //fetch发送数据
        //支持CORS跨域,没有办法接受jsonp数据
        function getData() {
            //支持 cors跨域url地址'http://api.yytianqi.com/air?city=CH010100&key=2c5br4sgmguremgg'
            //https://api.douban.com/v2/book/1220562?callback=func
           return fetch('http://localhost:3001/getdata')
                .then(function (response) {
                    console.log(response);
                    //promise对象返回
                    return response.json();
                })
        }
        getData().then(function (data) {
            console.log(data);
        })
    </script>

    【相关推荐:javascript视频教程web前端

    以上就是es6中fetch的用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6遍历对象的方法是什么 下一篇:bootstrap中sm是什么意思
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• es6的let是什么• es6的模块导出使用什么方法• idea可以运行es6吗• es6的map对象和原生对象有啥区别
    1/1

    PHP中文网