首页 > 其他分享 >Go Gin使用get/post方法获取网页数据,获取form表单数据

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

时间:2023-01-31 22:33:30浏览次数:51  
标签:name form get 表单 获取 html post

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

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

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

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

对第三个使用get方法加载页面,并使用get方法获取URL中的参数。前端使用传参

网页的url为:

后端获取参数: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的值。

 页面显示为

 

 

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

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

 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>

网页显示为:

 

 传入数据:

 

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

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

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

 

参考文献:

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

 

标签:name,form,get,表单,获取,html,post
From: https://www.cnblogs.com/echoqiqi/p/17080938.html

相关文章

  • IMPROVED TRAINING OF PHYSICS-INFORMED NEURAL NETWORKS WITH MODEL ENSEMBLES
      未发表本篇文献的思路比较简单,类似于一种蔓延式的学习,但是本文不同的是利用了多个PINN进行辅助选点。类似的工作以前看过几篇,但本片文献一个显著的缺点是计算力非常......
  • 获取版本的分类属性
    1、获取版本的分类属性publicstaticMultiKeyMapgetClassificationObjectProperties(AppXSessionsession,ItemRevisionitemRev){MultiKeyMapkeyMap=new......
  • SpringBoot 开发抖音开放平台获取用户的粉丝统计和短视频数据
    大家好,我是小悟​抖音开放平台刚面世不久,资料比较少。即使对于一个开发人员来说,接入第三方接口都大同小异,不会太难,但我还是想把这些记录下来,特别是遇到的坑,会列在下面,一起参......
  • 接口测试|Postman发送带参数的Get请求
    ## Postman发送带参数的Get请求### 发送带参数的GET请求示例:微信公众号获取access_token接口,业务操作步骤1、打开微信公众平台,微信扫码登录:https://mp.weixin.qq.com/debu......
  • Azure Terraform(十二)利用 Terraform 将文件上传到 Azure Blob Storage
    一,引言本篇文章中,我门将学习如何利用Terraform将文件以及文件夹上传到AzureBlobStorage,这个对于我们来说很方便,可以将一些不重要的内容也存储在源代码管理工具......
  • kubernetes get pods 跟踪
    之前重启pods的时候总是不停的敲sudokubectlgetpods,今天发现居然有watch功能,太方便了,记录一下sudokubectlgetpods-w-lapp=zk-owide-w就是watch的意思-lap......
  • tp5.0如何获取header的Authorization值
    tp5.0如何获取header的Authorization值$request->header();好像没有这个值的但是发送请求头部有的 解决方案:在.htaccess文件中加入设置SetEnvIfAuthorization^(.*......
  • Linux下so库获取当前路径
    之前尝试在so库内调用getpwd()来获取当前路径,但是实际上获取到的是调用so库的可执行程序的所在路径,因此改用dladdr()做一些间接处理来获取。#include<dlfcn.h>#include<......
  • Js/Jquery 设置获取属性
    <body><divid="tree"data-leaves="47"data-plant-height="2.4m"></div><script>vartree=document.getElementById("tree");console.log('---------js......
  • 购物车功能,获取地址
    购物车-动态设置tabbar徽标官方文档就是在页面一打开时调用uni.setTabBarBadge方法进行设置所以来到pages/cart页面,导入mapGetters,然后映射成计算属性,在页面打开......