首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >go : gin 表单提交

go : gin 表单提交

原创
作者头像
IT工作者
发布2022-07-25 14:22:18
发布2022-07-25 14:22:18
6100
举报
文章被收录于专栏:程序技术知识程序技术知识

本文介绍gin 配合表单提交数据交互,并以json的个数输出数据

代码语言:javascript
复制
package main

import (
    "github.com/gin-gonic/gin"
)

type myForm struct {
    Colors []string `form:"colors[]"`
}

func main() {
    r := gin.Default()

    r.LoadHTMLGlob("views/*")
    r.GET("/", indexHandler)
    r.POST("/", formHandler)

    r.Run(":8080")
}

func indexHandler(c *gin.Context) {
    c.HTML(200, "form.html", nil)
}

func formHandler(c *gin.Context) {
    var fakeForm myForm
    c.Bind(&fakeForm)
    c.JSON(200, gin.H{"color": fakeForm.Colors})
}

创建views/form.html

代码语言:javascript
复制
<html>
    <head>测试表单提交数据</head>
    <body>
        <form action="/" method="POST">
            <p>Check some colors</p>
            <label for="red">Red</label>
            <input type="checkbox" name="colors[]" value="red" id="red" />
            <label for="green">Green</label>
            <input type="checkbox" name="colors[]" value="green" id="green" />
            <label for="blue">Blue</label>
            <input type="checkbox" name="colors[]" value="blue" id="blue" />
            <input type="submit" />
        </form>
    </body>
</html>

代码结构

启动代码

go run main.go

访问localhost:8080

选择提交,数据返回

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档