json - 来自 Django 的 JsonResponse 没有将提到的键值对发送到 Reactjs

Question

我正在尝试使用 react 从 Django API 获取响应，但是我传递的键值对在响应中不可见。

反应获取代码

handleClick(i) {
        .
        .
        .
        if (i != '=') {
         .
         .
        }
        else {
            // CODE TO FETCH FROM DJANGO API
            fetch('http://127.0.0.1:8000/solve/', {
                method: 'POST',
                body: {"expression":this.state.content}
            }).then((response)=>{ console.log(response)})
        }

}

Python代码

# Create your views here.
@api_view(["POST"])
def solveExpression(expression_json):
    try:
        math_expr = expression_json.data["expression"]
        result = eval(math_expr)
        data = {"result":result} #This is the data I want to send to reactjs
        return JsonResponse(data)
    except Exception as e:
        return JsonResponse("Error:" + str(e), safe = False)

但不幸的是，我得到的回应没有关键的“结果”。

请纠正我在哪里犯了错误，因为我对 reactjs 很陌生。

Answer 1

fetch默认情况下返回与它所做的 AJAX 调用相关的所有元数据。

您的实际响应将在body属性内作为ReadableStream：

.json()尝试通过调用响应来获取正文。

此外，fetch需要字符串body化为请求有效负载。因此，您还必须致电JSON.stringify提出您的要求body

在这里，试一试：

handleClick(i) {
  ...
  if (i != '=') {
    ...
  } else {
    // CODE TO FETCH FROM DJANGO API
    fetch('http://127.0.0.1:8000/solve/', {
      method: 'POST',
      body: JSON.stringify({
        "expression": this.state.content
      })
    })
    .then((response) => response.json())
    .then(finalResponse => console.log(finalResponse))
  }

}