axios gin的GET和POST请求怎么实现

2023-05-15,,

今天小编给大家分享一下axios gin的GET和POST请求怎么实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

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请求怎么实现.doc》

下载本文的Word格式文档,以方便收藏与打印。