Cannot send javascript post data to django view

Question

I have a function in javascript in which I am trying to a very simple key value pair of data through a post request into the same view in which the webpage is rendered from. I have a form in the same template/webpage HTML that is able to send post data to the view just fine, however the javascript is unable to do so and I am left with null data in the view.

Javascript: `

 postAccount();
    async function postAccount() {
        accountPromise = getAccount().then(accounts => {
            return accounts[0];
        }) //This function call to retrieve the account will be put here until I can figure out a way to
        //pull the address with the user pressing login ONLY IF the the user has already connected theyre metamask.
        account = await accountPromise;
        var data = new FormData();
        data.append("address", account.toString());
        console.log("address=" + account.toString());
        let post = new XMLHttpRequest();
        post.open("POST", "{% url 'index' %}", true);
        post.setRequestHeader('Content-Type', 'application/json');
        post.send(data);
    }

Django view:

@csrf_exempt
def index(request):
    context = {}
    usernameInput = None;
    address = None;
    if (request.method == 'POST'):
        usernameInput = request.POST.get("username_input")
        address = request.POST.get("address")
        print(usernameInput, address)
    if (usernameInput != None and address != None):
        user = generalUser(address = str(address), username = usernameInput, lastLogin = timezone.now())
        user.save()
    # else: raise Exception("username or address is null!")
    return render(request, "chatswap/index.html", context)

`

I have tried changing the way data is sent in post.send() in pretty much everyway possible from JSON.stringify("address": account) to just "address=" + account.toString() but nothing seems to change it. The username input retrieved from the form post request works just fine, but the address is always null.

just make it clear, is the javascript code in template(.html) or .js file? since you are using "{% url 'index' %}" — Mas Zero
– Mas Zero, Commented Dec 9, 2022 at 6:32

aly · Accepted Answer · 2022-12-09 15:41:28Z

2

Since you are using application/json as content-type, Django does not parse the data into request.POST. Try printing request.body to see the data, and then use it.

edited Dec 9, 2022 at 15:41

aly

416 bronze badges

answered Dec 9, 2022 at 7:11

Mas Zero

6015 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

aly · Accepted Answer · 2022-12-09 08:30:54Z

1

So I've figured it out thank you for the help! For anyone who comes across this, I ended up using the fetch API to send the POST request to the view.

Then, I followed Mas Zero's instruction (accepted answer) and used request.body to access the data rather than request.POST.get().

After that, I parsed JSON data into a python dictionary with json.loads(request.body).

edited Dec 9, 2022 at 8:30

aly

416 bronze badges

answered Dec 9, 2022 at 8:19

PBRParker

135 bronze badges

Collectives™ on Stack Overflow

Cannot send javascript post data to django view

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related