如何在 Go 后端正确响应 fetch API 请求-Golang-PHP中文网

如何在 Go 后端正确响应 fetch API 请求

本文详解如何在 go 语言 http 服务端（使用 httprouter）中，向前端 fetch 请求返回结构化 json 或纯文本响应，避免因响应方式错误导致前端解析失败。

本文详解如何在 go 语言 http 服务端（使用 httprouter）中，向前端 fetch 请求返回结构化 json 或纯文本响应，避免因响应方式错误导致前端解析失败。

在使用 fetch 发起 POST 请求时，前端依赖后端返回符合预期格式的 HTTP 响应——尤其是当调用 .then(response => response.json()) 时，后端必须返回合法 JSON 字符串，且需正确设置 Content-Type: application/json 响应头；否则浏览器会抛出 Unexpected token 或 SyntaxError 等解析异常。

你当前的 Go 处理函数中直接使用 fmt.Fprintf(rw, "success") 虽能输出字符串，但存在两个关键问题：

缺少 Content-Type 响应头 → 浏览器无法识别为 JSON，导致 response.json() 解析失败；
返回纯字符串 "success" 不是合法 JSON → JSON 标准要求字符串必须用双引号包裹，而裸字符串 "success" 在 JSON 中无效（合法应为 "\"success\"" 或 { "status": "success" }）。

✅ 正确做法是：通过 http.ResponseWriter 写入 JSON 数据，并显式设置响应头。以下是推荐实现：

import (
    "encoding/json"
    "net/http"
)

func Validate(rw http.ResponseWriter, req *http.Request, _ httprouter.Params) {
    // 解析请求体
    decoder := json.NewDecoder(req.Body)
    var creds credentials
    if err := decoder.Decode(&creds); err != nil {
        http.Error(rw, "Invalid JSON", http.StatusBadRequest)
        return
    }

    // 业务逻辑（如验证邮箱密码）
    // ...

    // ✅ 正确返回 JSON 响应
    rw.Header().Set("Content-Type", "application/json")
    response := map[string]string{"status": "success", "message": "Login validated"}
    if err := json.NewEncoder(rw).Encode(response); err != nil {
        http.Error(rw, "Failed to encode response", http.StatusInternalServerError)
        return
    }
}

? 关键要点：

使用 rw.Header().Set("Content-Type", "application/json") 显式声明响应类型；
使用 json.NewEncoder(rw).Encode(...) 安全序列化结构体/映射，自动处理转义与格式；
避免 fmt.Fprintf 直接写字符串（除非返回纯文本且已设 text/plain）；
错误时优先用 http.Error() 统一返回带状态码的错误响应；
前端 fetch 可保持原逻辑，但建议增强错误处理：

fetch('http://localhost:8080/validation', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ email: this.state.email, password: this.state.password })
})
.then(res => {
    if (!res.ok) throw new Error(`HTTP ${res.status}`);
    return res.json();
})
.then(data => console.log("Success:", data))
.catch(err => console.error("Request failed:", err));

总结：Go 后端响应 fetch 的核心是——写入 http.ResponseWriter + 设置正确 Content-Type + 输出合法 JSON。这三者缺一不可，否则前端解析必然失败。