快捷搜索: 王者荣耀 脱发

Web前端开发之前后端交互06——axios

axios是什么?

了解了什么是axios后,我们现在要知道axios和jq一样,只不过jq覆盖全面,而axios只专注于网络数据请求,现在我们看一下语法:

首先,

Get方法:

POST方法:

两种方法的实际操作:

//axios get方法
	$(.btn).on(click,e=>{
        let url=http://www.liulongbin.top:3006/api/get
		let obj={
            name:zs,
			age:20
		}
        axios.get(url,obj).then(res=>{
            console.log(res)
        })
	})

    //axios Post方法
    $(.btn-post).on(click,e=>{
        let url=http://www.liulongbin.top:3006/api/post
        let obj={
            name:zs,
            age:20
        }
        axios.post(url,obj).then(res=>{
            console.log(res.data)
        })
    })

ajax方法:

和jQ一样,他也有ajax方法,不过其在不同的类型下需要传入数据到不同的属性中。post=>data,get=>params.

代码示例:

经验分享 程序员 微信小程序 职场和发展