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

163 阅读 0 评论 108 点赞

我是靠谱客的博主美丽店员，最近开发中收集的这篇文章主要介绍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请求的资料请关注靠谱客其它相关文章！