zoukankan      html  css  js  c++  java
  • fetch

    fetch发送请求(关注分离的设计思想)
    Fetch API 提供了一个获取资源的接口(包括跨域请求) 
    不是xhr!!!分别是两个不同的请求方法   
     
    fetch() 必须接受一个参数——资源的路径。无论请求成功与否,它都返回一个 Promise 对象,resolve 对应请求的 Respose。
        
    //发送网络请求---使用fetch发送(未优化)
            /* fetch(`/api1/search/users2?q=${keyWord}`).then(
                response => {
                    console.log('联系服务器成功了');
                    return response.json()
                },
                error => {
                    console.log('联系服务器失败了',error);
                    return new Promise(()=>{})
                }
            ).then(
                response => {console.log('获取数据成功了',response);},
                error => {console.log('获取数据失败了',error);}
            ) */
     
     
    //发送网络请求---使用fetch发送(已经优化)
    search = async()=>{
          try {
                            const response= await fetch(`/api1/search/users2?q=${keyWord}`)
                            const data = await response.json()
                            console.log(data);
                        } catch (error) {
                            console.log('请求出错',error);
                        }
    }
  • 相关阅读:
    Pandas的merge并对比SQL中join
    常用cron表达式
    基于Python3实现的各类数据库连接和连接池
    JS 原生 push对象到数组中遇到的问题
    H5移动端IOS音频自动播放解决
    微信小程序,购物车模块代码解读
    小程序,wx.request请求数据服务器配置
    &&和||短路逻辑运算
    小程序,wx.request;动态向服务器端请求数据。
    微信小程序页面跳转
  • 原文地址:https://www.cnblogs.com/sunmarvell/p/14438790.html
Copyright © 2011-2022 走看看