将jQuery.ajax()替换为Go REST API端点的fetch() -空有效负载

2023-05-20 admin

我目前有一个ReactJS web应用程序，它可以创建对REST API端点的POST或PUT请求。REST API是用golang构建的。

当我使用jQuery发出Ajax POST请求时，一切都很正常。以下是代码的演示：

// my jquery attempt

let sendUrl = "http://192.168.11.241:8000/user";
let sendType = "POST";

let data = {"userid":1};
const postData = [{name:"data",value:JSON.stringify(data)}];

let result = $.ajax({
  type: "POST",
  dataType: 'json',
  cache: false,
  url: sendUrl,
  data: postData
});

下面是我的REST API代码

// main.go
package main

import (
  "user"
  "github.com/gorilla/mux"
  "log"
  "net/http"
)

func main() {
    router := mux.NewRouter()
    router.HandleFunc("/payment/{payment_type}", user.Post).Methods("POST","OPTIONS")
     log.Fatal(http.ListenAndServe(":8000", router))
}

// user.go
func Post(w http.ResponseWriter, r *http.Request) {
  w.Header().Set("Access-Control-Allow-Origin", "*")
  w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
  url := mux.Vars(r)
  r.ParseForm()
  qs := r.Form
  fmt.Println(qs)
}

当我运行JS和Go API代码时，我成功地看到userid 1内容输出到bash。

现在，我将javascript代码替换为fetch调用，如下所示：

let sendUrl = "http://192.168.11.241:8000/user";
let sendType = "POST";

let data = {"userid":1};
const postData = [{name:"data",value:JSON.stringify(data)}];

fetch(sendUrl, {
  method: "POST",
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  //body: JSON.stringify(postData)
  body: {"data":JSON.stringify(data)}
});

我的Go API确认正在发出POST请求，但是post数据是空的，并且我看不到userid 1。我尝试了不同类型的主体输入，比如使用和不使用json.stringify，我尝试了不同的头部信息，比如'Content-Type': 'application/x-www-form-urlencoded'，或者一起删除头部，但当使用go api接收时，数据仍然是空的。

有人知道我做错了什么吗？

转载请注明出处:http://www.nali5.com/article/20230520/2527059.html