Breaking News: Grepper is joining You.com. Read the official announcement!

Send Fetch Post With Data Using Body

Javasper answered on July 14, 2022 Popularity 10/10 Helpfulness 2/10

answer Send Fetch Post With Data Using Body

Send Fetch Post With Data Using Body

Comment

#the template in templates/??

function getCookie(name) {
        let cookieValue = null;
        if (document.cookie && document.cookie !== '') {
            const cookies = document.cookie.split(';');
            for (let i = 0; i < cookies.length; i++) {
                const cookie = cookies[i].trim();
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) === (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
    const csrftoken = getCookie('csrftoken');


async    function send()
    {

      
        
let r =      await fetch('/blog/third', {method: 'POST', credentials: 'same-origin', headers:{'Accept': 'application/json',    'X-Requested-With': 'XMLHttpRequest', 'X-CSRFToken': csrftoken}, body: JSON.stringify({'post_data':'Data to post'})});
let res = await r.json();
console.log(res.my_data);

    }

#the view in views/???
#the key difference between express is import json, json.load(request)['the key/name of the data], then create your own json and JsonResponse it back

import json

#.......


def third(request):
    if request.method == "POST":
        data_from_post = json.load(request)['post_data']
        data = {
                'my_data': data_from_post
        }
        
        return JsonResponse(data)

Popularity 10/10 Helpfulness 2/10 Language python

Source: www.brennantymrak.com

Tags: fetch post python send using

Link to this answer
Share Copy Link

Contributed on Jul 14 2022

Javasper

0 Answers Avg Quality 2/10

Send Fetch Post With Data Using Body

Contents

More Related Answers

Send Fetch Post With Data Using Body

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.