Как отправить текстовое сообщение из Django API в теле ответа в функцию React на стороне клиента?

Мое требование состоит в том, чтобы отправить часть JSON кода из моей функции React на сервер Django на бэкенде. Django API обработает код и отправит сообщение, если в процессе обработки будет обнаружена ошибка или ничего (пустой ответ).

Я пытаюсь использовать следующий фрагмент кода, однако не могу перехватить текст ответа в React API, отправленный из Django API.

Код React API выглядит следующим образом:
Я не смог найти ничего отправленного от Django API в теле объекта ответа, так как оно приходит как null.

class Counter extends React.Component {
    constructor(props) {
    super(props);
    this.state = {
        code: {"name": "simon"}
    };
   
    this.sendCode = this.sendCode.bind(this);
} 
  sendCode(code) {
        let url = "http://127.0.0.1:8000/api/sendcode?code="+ encodeURIComponent(code);
        fetch(url, {
            method:'GET',
            mode: 'no-cors',
            // body: JSON.stringify(code)
        }).then(function(response) {
            console.log("Response = ", response);
        }); 

    }

    render() { 
        return (
        <React.Fragment>
            <button onClick={ ()=> this.sendCode(this.state.code)}className='btn btn-secondary btn-sm'>Send JSON code</button>
            
        </React.Fragment>
        );
    }
}

Код Django выглядит следующим образом:

urls.py

from django.urls import path
from . import views

urlpatterns = [
    path("api/sendcode/", views.response_back, name='response_back')
]

views.py
. Первоначально попытался отправить JSON-код в качестве ответа, не добившись успеха, просто попытался отправить простое текстовое сообщение.

from django.shortcuts import render
from django.http import HttpResponse
import json

def response_back(request):
    json_code = request.GET["code"]
    print("json code = ", json_code)
    # return HttpResponse(json.dumps({
    #     "formdata": {"error": "some error occured"},
    # }),
    #     content_type="application/json"
    # )

    return HttpResponse("some error occured", content_type='text/plain')

Как отправить текстовое сообщение (или объект JSON) из Django API в клиентский API React и перехватить его?

Спасибо

Вернуться на верх