动力节点Vue笔记——Vue与Ajax

四、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页面所处的协议、域名、端口不同(只要有一个不同),所进行的访问行动都是跨域的。

哪些跨域行为是允许的?

  • 直接在浏览器地址栏上输入地址进行访问
  • 超链接

你可能感兴趣的:(Java学习路线,前端,Vue,javascript,ajax,前端,Vue,vue.js)