- 接上篇文章,分享动力节点老杜全新版Vue教程笔记
- 学习の地止:https://www.bilibili.com/video/BV17h41137i4
4 Vue与AJAX
4.1 回顾发送AJAX异步请求的方式
发送AJAX异步请求的常见方式包括:
- 原生方式,使用浏览器内置的JS对象XMLHttpRequest
- const xhr = new XMLHttpRequest()
- xhr.onreadystatechange = function(){}
- xhr.open()
- xhr.send()
- 原生方式,使用浏览器内置的JS函数fetch
- fetch(‘url’, {method : ‘GET’}).then().then()
- 第三方库方式,JS库jQuery(对XMLHttpRequest进行的封装)
- $.get()
- $.post()
- 第三方库方式,基于Promise的HTTP库:axios (对XMLHttpRequest进行的封装)
- axios.get().then()
axios是Vue官方推荐使用的。
4.2 回顾AJAX跨域
- 什么是跨域访问?
- 在a页面中想获取b页面中的资源,如果a页面和b页面所处的协议、域名、端口不同(只要有一个不同),所进行的访问行动都是跨域的。
- 哪些跨域行为是允许的?
- 直接在浏览器地址栏上输入地址进行访问
- 超链接