简单介绍一下Go中Gin使用get和post方法获取前端数据

1.使用get方法获取url中的参数

因为我使用的网页只需要在url上传一个参数，简单介绍一下，get方法的传参吧，可能不全，后续补充~

在主函数使用get/post方式加载需要从网页中使用get/post方法获取数据如下（默认使用get方法加载页面）

Go Gin使用get/post方法获取网页数据，获取form表单数据

对第三个使用get方法加载页面，并使用get方法获取URL中的参数。前端使用Go Gin使用get/post方法获取网页数据，获取form表单数据传参

网页的url为：Go Gin使用get/post方法获取网页数据，获取form表单数据

后端获取参数：addProof.GetRouteParams函数为：

func GetRouteParams(c *gin.Context) {
    name = c.Query("name")
    c.HTML(http.StatusOK, "insert.html", gin.H{
        "Name": name,
    })
}

使用name = c.Query("name")获取URL的name参数，并将name传递给"insert.html"显示在html上

insert.html部分代码如下：

<body>
<div class="topbar-wrap white">
    <div class="topbar-inner clearfix">
        <div class="topbar-logo-wrap clearfix">
            <h1 class="topbar-logo none"><a href="index.html" class="navbar-brand">后台管理</a></h1>
            <ul class="navbar-list clearfix">
                <li><a class="on" href="index.html">首页</a></li>
                <li>{{.Name}}</li>
            </ul>
        </div>
        <div class="top-info-wrap">
            <ul class="top-info-list clearfix">
                <li><a href="#">退出</a></li>
            </ul>
        </div>
    </div>

insert.html中{{.Name}}显示为变量name的值。

页面显示为

Go Gin使用get/post方法获取网页数据，获取form表单数据

2.使用Post方法获取表单数据

Gin可以使用Post方法获取前端的表单数据，需要声明这个网页可以使用post方式获取前端数据。

Go Gin使用get/post方法获取网页数据，获取form表单数据

login.html关于表单部分代码：

<form action="" method="post" onsubmit="return check(this)">
                <ul class="admin_items">
                    <li>
                        <label for="username">用户名：</label>
                        <input type="text" name="username"  id="username" size="35" class="admin_input_style" />
                    </li>
                    <li>
                        <label for="UserDepartment">部门：</label>
                        <input type="text" name="UserDepartment"  id="UserDepartment" size="35" class="admin_input_style" />
                    </li>
                    <li>
                        <input type="submit" tabindex="3" value="提交" name="sub" class="btn btn-primary" />
                    </li>
                </ul>
            </form>

网页显示为：

Go Gin使用get/post方法获取网页数据，获取form表单数据

传入数据：

Go Gin使用get/post方法获取网页数据，获取form表单数据

接收表单数据的controller.PostM函数为：

func PostM(c *gin.Context) { //获取参数
    username := c.PostForm("username")
    UserDepartment := c.PostForm("UserDepartment")
}

即可获取前端数据，对其进行处理。

参考文献：

http://wjhsh.net/zhouqi666-p-9808598.html

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。