axios基础用法

• get和 delete请求传递参数
  • 通过传统的url  以 ? 的形式传递参数
  • restful 形式传递参数
  • 通过params  形式传递参数
    
    
• post  和 put  请求传递参数
  • 通过选项传递参数
  • 通过 URLSearchParams  传递参数
  • [AppleScript] 纯文本查看 复制代码

    # 1. 发送get 请求 
    	axios.get('http://localhost:3000/adata').then(function(ret){ 
          #  拿到 ret 是一个对象      所有的对象都存在 ret 的data 属性里面
          // 注意data属性是固定的用法，用于获取后台的实际数据
          // console.log(ret.data)
          console.log(ret)
        })
    	# 2.  get 请求传递参数
        # 2.1  通过传统的url  以 ? 的形式传递参数
    	axios.get('http://localhost:3000/axios?id=123').then(function(ret){
          console.log(ret.data)
        })
        # 2.2  restful 形式传递参数 
        axios.get('http://localhost:3000/axios/123').then(function(ret){
          console.log(ret.data)
        })
    	# 2.3  通过params  形式传递参数 
        axios.get('http://localhost:3000/axios', {
          params: {
            id: 789
          }
        }).then(function(ret){
          console.log(ret.data)
        })
    	#3 axios delete 请求传参     传参的形式和 get 请求一样
        axios.delete('http://localhost:3000/axios', {
          params: {
            id: 111
          }
        }).then(function(ret){
          console.log(ret.data)
        })

  • [AppleScript] 纯文本查看 复制代码

    # 4  axios 的 post 请求
        # 4.1  通过选项传递参数
        axios.post('http://localhost:3000/axios', {
          uname: 'lisi',
          pwd: 123
        }).then(function(ret){
          console.log(ret.data)
        })
    	# 4.2  通过 URLSearchParams  传递参数 
        var params = new URLSearchParams();
        params.append('uname', 'zhangsan');
        params.append('pwd', '111');
        axios.post('http://localhost:3000/axios', params).then(function(ret){
          console.log(ret.data)
        })
    
     	#5  axios put 请求传参   和 post 请求一样 
        axios.put('http://localhost:3000/axios/123', {
          uname: 'lisi',
          pwd: 123
        }).then(function(ret){
          console.log(ret.data)
        })
    

    
    
  
  

axios基础用法

• get和 delete请求传递参数
  • 通过传统的url  以 ? 的形式传递参数
  • restful 形式传递参数
  • 通过params  形式传递参数
    
    
• post  和 put  请求传递参数
  • 通过选项传递参数
  • 通过 URLSearchParams  传递参数
  • [AppleScript] 纯文本查看 复制代码

    # 1. 发送get 请求 
    	axios.get('http://localhost:3000/adata').then(function(ret){ 
          #  拿到 ret 是一个对象      所有的对象都存在 ret 的data 属性里面
          // 注意data属性是固定的用法，用于获取后台的实际数据
          // console.log(ret.data)
          console.log(ret)
        })
    	# 2.  get 请求传递参数
        # 2.1  通过传统的url  以 ? 的形式传递参数
    	axios.get('http://localhost:3000/axios?id=123').then(function(ret){
          console.log(ret.data)
        })
        # 2.2  restful 形式传递参数 
        axios.get('http://localhost:3000/axios/123').then(function(ret){
          console.log(ret.data)
        })
    	# 2.3  通过params  形式传递参数 
        axios.get('http://localhost:3000/axios', {
          params: {
            id: 789
          }
        }).then(function(ret){
          console.log(ret.data)
        })
    	#3 axios delete 请求传参     传参的形式和 get 请求一样
        axios.delete('http://localhost:3000/axios', {
          params: {
            id: 111
          }
        }).then(function(ret){
          console.log(ret.data)
        })

  • [AppleScript] 纯文本查看 复制代码

    # 4  axios 的 post 请求
        # 4.1  通过选项传递参数
        axios.post('http://localhost:3000/axios', {
          uname: 'lisi',
          pwd: 123
        }).then(function(ret){
          console.log(ret.data)
        })
    	# 4.2  通过 URLSearchParams  传递参数 
        var params = new URLSearchParams();
        params.append('uname', 'zhangsan');
        params.append('pwd', '111');
        axios.post('http://localhost:3000/axios', params).then(function(ret){
          console.log(ret.data)
        })
    
     	#5  axios put 请求传参   和 post 请求一样 
        axios.put('http://localhost:3000/axios/123', {
          uname: 'lisi',
          pwd: 123
        }).then(function(ret){
          console.log(ret.data)
        })