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

Valarie ·

更新时间:2024-11-14

· 836 次阅读

axios-GET请求

Gin-GET响应

Vue-POST请求

Gin-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请求的资料请关注软件开发网其它相关文章！

get gin 示例 post请求 post

1024 个赞