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);
                        }
    }
  • 相关阅读:
    MySQL:如何查询出每个分组中的 top n 条记录?
    架构图解
    Jmeter(四十七)_性能测试统计超时率
    修改Docker容器启动配置参数
    Docker容器CPU、memory资源限制
    jmeter(四十六)参数化与断言实战
    jmeter(四十五)常用Beanshell脚本
    jmeter(四十四)常用性能指标分析
    linux性能监控常用命令
    jmap -heap 查看堆内存
  • 原文地址:https://www.cnblogs.com/sunmarvell/p/14438790.html
Copyright © 2011-2022 走看看