使用 Go REST API 端点的 Fetch() 方法替代 jQuery.ajax() - 空载荷

对于一个Golang开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《使用 Go REST API 端点的 Fetch() 方法替代 jQuery.ajax() - 空载荷》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

我目前有一个 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。

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

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 请求，但发布数据为空，并且我没有看到 userid 1。我尝试了不同类型的正文输入，例如带和不带 json.stringify，我尝试了不同的标头信息，例如 'content-type': 'application/x-www-form-urlencoded'，或一起删除标头，但用我的 go api 接收时数据仍然为空。

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

解决方案

好的，我发现 fetch() 调用的正确设置组合如下：

const sendurl = "http://192.168.11.241:8000/user";
const sendtype = "post";
const data = {"userid":1};
const postdata = "data="+json.stringify(data);

fetch(sendurl, {
  method: sendtype,
  headers: {
    'content-type': 'application/x-www-form-urlencoded',
  },
  body: postdata
});

我必须重新设计 postdata 对象的结构，并更改 content-type

删除引号用户 id

let data = {userid:1};

并在ajax函数中声明datatype

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于Golang的相关知识，也可关注golang学习网公众号。