注意:是post请求
一、获取表单提交的数据
1.contxt.PostForm(“username”) 获取表单中的name属性对应的值
示例代码:
前端:submit提交
<form action="/hello_add" method="post">
<input type="text" name="username"><br>
<input type="text" name="age"><br>
<input type="submit" value="提交">
</form>
后端:
func IndexAdd(contxt *gin.Context) {
name := contxt.PostForm("username")
age := contxt.PostForm("age")
contxt.String(200,"hello,%s,年龄为:%s",name,age)
}
func main() {
engine := gin.Default()
engine.LoadHTMLGlob("templates/**/*")
engine.Static("/static","static")
engine.POST("/hello_add",IndexAdd)
engine.Run()
}
2.contxt.DefaultPostForm(“username”, “hallen”) 如果没有获取到则使用指定的默认值
3.contxt.PostFormArray(“love”) 如果提交的数据有多个相同的name,获取数组
前端:
<form action="/hello_add" method="post">
<input type="text" name="username"><br>
<input type="text" name="age"><br>
ck1:<input type="checkbox" name="ck" value="1">
ck2:<input type="checkbox" name="ck" value="2">
ck3:<input type="checkbox" name="ck" value="3">
<input type="submit" value="提交">
</form>
后端:
arr_ck := contxt.PostFormArray("ck")
- contxt.PostFormMap(“username”)
前端代码:
<form action="/hello_add" method="post">
<input type="text" name="username[1]"><br>
<input type="text" name="username[2]"><br>
<input type="submit" value="提交">
</form>
后端代码:
map_name := contxt.PostFormMap("username")
数据结构:map[1:xx1 2:xx2]
注意:name要以map的格式定义,指定key,用户输入value,
二、ajax交互
前端使用ajax提交,后端和form表单的获取方式一样,唯一的区别就是返回的是json
前端:
<script src="/static/js/jquery.min.js"></script>
<form>
姓名:<input type="text" id="name">
年龄:<input type="text" id="age">
<input type="button" value="提交" id="btn_add">
</form>
<script>
var btn_add = document.getElementById("btn_add");
btn_add.onclick = function (ev) {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
$.ajax({
url:"/hello3_add",
type:"POST",
data:{
"name":name,
"age":age
},
success:function (data) {
alert(data["code"]);
alert(data["msg"]);
},
fail:function (data) {
}
})
}
</script>
注意:引入jquery.min.js:
后端:
name := context.PostForm("name")
age := context.PostForm("age")
fmt.Println(name)
fmt.Println(age)
messgae_map := map[string]interface{}{
"code":200,
"msg":"提交成功",
}
context.JSON(http.StatusOK,messgae_map)
//context.JSON(http.StatusOK,gin.H{
// "code":200,
// "msg":"提交成功",
//})