Go编程 http接受请求参数踩坑记
前端
前端是使用vue框架做得,post请求如下
var value = "value";
var request = "/postTest";
let formData = new FormData();
formData.append('key', value);
this.$http.post(request, formData).then(
function(respond) {
let jsonRespond = JSON.parse(respond.data);
console.log(jsonRespond.key);
});
其中FormData的作用是模拟表单进行传参
后端
后端使用的是go进行接口的编写
mian中定义接口
http.HandleFunc("/postTest", postFunction)
http.ListenAndServe(":8080", nil)
其中HandleFunc第一个参数是前端自己定义的路由路径,通俗的来说就相当于一个接口名称吧
postFunction是在go中定义的方法
http.ListenAndServe(":8080", nil)运行go代码,监听8080端口,如果前端发出了请求可以接收到
所以很明显,当前端发出请求的时候后端监听到请求路径为/postTest的时候调用方法postFunction进行请求的处理和响应
func postFunction(w http.ResponseWriter, r *http.Request) {
// r.ParseForm()
val := r.FormValue("key") //获取请求中传入的参数
其他代码快
data := map[string]interface{}{
//此处为处理完请求返回的参数(键值对类型),
"key": value,
}
json.NewEncoder(w).Encode(data) //此处将返回参数以json格式写入
return
}
以上是可以运行的代码
踩坑的地方:
- 后端一直接受请求参数接受不到,网页上很多方法都试过了,最后发现原因是上面后端代码中注释的 r.ParseForm(),去掉这个再使用FormValue(“key”)就可以接收到了
- 后端将返回参数给前端的时候使用map[string]interface{},其中可以包含复杂内容(结构体什么的)的键值对,还有go不支持json好像,只能通过json.NewEncoder(w).Encode(data)改称json格式返回
- 前端在接收到返回参数的时候一直无法通过respond.data.key获取,后面通过type of respond.data打印出它的类型发现居然是string类型的,还要通过JSON.parse(respond.data);进行转换,然后就可以通过键值对的方式(.)取值了