回调-jQueryAJAX
就是在cdn.bytedance.com/?query=jque… 输入jquery,然后找到jquery复制它的TAG码(这个其实就是script标签),在我们前端的代码中,直接引用就行。
就是利用人家写好的jquery-ajax框架,直接使用。
axios
axios是一个网络请求工具。(它的底层就是用promise对象封装了ajax)
axios使用promise封装XHR,解决了回调地狱的问题。
就是在cdn.bytedance.com/?query=axio… 输入axios,然后找到axios复制它的TAG码(这个其实就是script标签),在我们前端的代码中,直接引用就行。
fetch(它的网络请求并不是用ajax)
fetch它是浏览器自带的api(注意它不是一个全局函数),不用去引入第三方框架。(可以直接用)
fetch()方法提供了一种简单,合理的方式来跨网络异步获取资源。
注意:它依然存在跨域的问题。
async-await
sync/await 是ES7提出的基于Promise的解决异步的最终方案。
-
async是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数。
-
await 也是一个修饰符,只能放在async定义的函数内。可以理解为等待。
-
await 修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;
-
如果不是Promise对象:把这个非promise的东西当做await表达式的结果。
需要引入axios。