這是一個建立於
的文章,其中的資訊可能已經有所發展或是發生改變。
上一節我們使用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 mainimport ("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 後如下: