Javascript

vue知识点五-Axios

本文主要是介绍vue知识点五-Axios,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Axios 基于Promise的http库,可以用在浏览器和node.js中
  1.原生ajax
    默认情况下,Content-Type:text/plain
    发送表单类型数据
      xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
      xhr.send(qs.stringify(data))
    发送json类型数据
      xhr.setRequestHeader('Content-Type', 'application/json')
      xhr.send(JSON.stringify(data))
  2.jQuery的ajax
    默认情况下,Content-Type:application/x-www-form-urlencoded
    默认情况下,参数会被默认转换成表单格式数据
    发送表单类型数据
      $.ajax({
        url,
        method,
        data: data
      })
    发送json类型数据
      $.ajax({
        url,
        method,
        headers: {
          'Content-Type': 'application/json'
        },
        data: JSON.stringify(loginData)
      })
  3.axios
    特性:
      从浏览器中创建 XMLHttpRequests
      从 node.js 创建 http 请求
      支持 Promise API
      拦截请求和响应
      转换请求数据和响应数据
      取消请求
      自动转换 JSON 数据
      客户端支持防御 XSRF
    1)默认情况下,Content-Type:application/json
      默认将请求体中的参数转码成json类型数据
      发送表单类型数据
        axios({
          url,
          method,
          data: qs.stringify(data)
        })
      发送json类型数据
        axios({
          url,
          method,
          data: {
            username: 'admin1',
            password: '123321'
          }
        })
      Restful风格
        常用的HTTP动词有下面五个(括号里是对应的SQL命令)
          GET(SELECT):从服务器取出资源(一项或多项)。
          POST(CREATE):在服务器新建一个资源。
          PUT(UPDATE):在服务器更新资源(客户端提供改变后的完整资源)。
          PATCH(

这篇关于vue知识点五-Axios的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!