上一节我们使用go语言加载了一个纯文字的html页面,但是没有实现交互功能,我们改造一下html页面,增加两个页面代码如下:
input.html
<div>
<form action="/output" method="POST">
<input name="username" value="">
<button>发送用户名</button>
</form>
</div>
output.html
你好:{{.username}}
上面html代码通过form的POST方法发送请求数据到服务端,服务端代码如下:
main.go
package main
import (
"fmt"
"html/template"
"log"
"net/http"
)
func InputHandler(w http.ResponseWriter, r *http.Request) {
if r.Method=="GET"{
t, err := template.ParseFiles("input.html")
if err != nil {
log.Println(err)
}
err = t.Execute(w,nil)
if err != nil {
log.Println(err)
}
}
}
func OutputHandler(w http.ResponseWriter,r *http.Request){
if r.Method=="POST"{
t, err := template.ParseFiles("output.html")
if err != nil {
log.Println(err)
}
err = t.Execute(w,map[string]interface{}{"username": r.FormValue("username")})
if err != nil {
log.Println(err)
}
}
}
func main() {
http.HandleFunc("/input",InputHandler)
http.HandleFunc("/output",OutputHandler)
fmt.Println("服务端口:8000") //控制台输出信息
err := http.ListenAndServe(":8000", nil) //设置监听的端口
if err != nil {
log.Fatal("ListenAndServe: ", err)
}
}
我们通过 http://localhost:8000/input 访问页面如下:
文本框中随意输入内容后单击“发送用户名”,页面跳转至 http://localhost:8000/output 后如下:
有疑问加站长微信联系(非本文作者)