axios gin的GET和POST请求实现示例

来自:网络
时间:2022-08-06
阅读:
目录

axios-GET请求

created() {
            console.log('该组件要被加载成功了')
            this.$axios({
                url: "http://127.0.0.1:8080/student/3",
                method: "GET",
                headers: {
                    // 'Content-Type': 'application/x-www-form-urlencoded'
                    'Content-Type': 'multipart/form-data'
                }
            }).then(response => {
                    console.log(response)
                }
            ).catch(error => {
                    console.log(456)
                    console.log(error)
                }
            );

Gin-GET响应

r.GET("/student/:ID", func(c *gin.Context) {
		id := c.Param("ID")
		var student Student
		_ = c.ShouldBind(&student)
		db.Preload("Teachers").Preload("IDCard").First(&student, "id=?", id)
		c.JSON(200, gin.H{
			"msg": student,
		})
	})

Vue-POST请求

this.$axios({
                url: "http://127.0.0.1:8080/test",
                method: "post",
                headers: {
                    'Content-Type':'application/x-www-form-urlencoded',
                },
                data: {
                    "name": "jeff",
                    "age": 18
                }
            }).then(response => {
                    console.log(response)
                }
            ).catch(error => {
                    console.log(456)
                    console.log(error)
                }
            );

Gin-POST响应

r.POST("/test", func(c *gin.Context) {
		user := c.PostForm("name")
		pwd := c.PostForm("age")
		fmt.Println(user)
		fmt.Println(pwd)
		fmt.Println(c)
		c.JSON(200, gin.H{
			"msg": "成功!",
		})
	})

以上就是axios gin的GET和POST请求实现示例的详细内容,更多关于axios gin的GET和POST请求的资料请关注其它相关文章!

返回顶部
顶部