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);

                    }

}