How to send a list from JavaScript to Django views.py?

Question

How can I send the variable list to Django in the code below?

var list = [];
function add_item(item,next){
  list.push(item.name);
  item.parentNode.style.display = "none";
  next.style.display = "block";
  console.log(list);  }
function remove_item(item,prev){
  for (var i = 0; i <= list.length; i++) {
    if (list[i]===item.name) {
      list.splice(i,1);
    }  }
  item.parentNode.style.display = "none";
  prev.style.display = "block";
  }
$(document).ready(function() {
  $.ajax({
      method: 'POST',
      url: '/food_output',
      data: {'list': list},
      success: function (data) {
           //this gets called when server returns an OK response
           alert("it worked!");
      },
      error: function (data) {
           alert("it didnt work");
      }
  });
});

you should paste your django code here.that other people need to know how to answer your question. — nay
– nay, Commented Jun 15, 2021 at 14:57
this will help you guys it worked for me stackoverflow.com/a/34951258/15527968 — Jashan Dhiman
– Jashan Dhiman, Commented Jun 16, 2021 at 7:00

Rafael Tavares · Accepted Answer · 2022-01-05 18:12:19Z

1

I use Django REST Framework here. This solution can submit more complex data to the server. If you use a modern library such as axios, you don't even need to use JSON.stringify()

$(document).ready(function() {
    list = [1,2,3,4]
    $.ajax({
        method: 'POST',
        url: '/food_output',
        contentType:"application/json",
        data: JSON.stringify({'list': list}),
        success: function (data) {
            //this gets called when server returns an OK response
            alert("it worked!");
        },
        error: function (data) {
            alert("it didnt work");
        }
    });
});

from django.http import JsonResponse
from rest_framework.decorators import api_view

@api_view(['POST'])
def food_output(request):
    print(request.data['list'])
    return JsonResponse({'success':True})

edited Jan 5, 2022 at 18:12

Rafael Tavares

6,5524 gold badges38 silver badges57 bronze badges

answered Jun 17, 2021 at 3:32

nay

1,7751 gold badge11 silver badges11 bronze badges

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

Comments

Rafael Tavares · Accepted Answer · 2022-01-05 18:13:17Z

0

First join the list to string; then, on Django view, split it using comma (,)

$(document).ready(function() {
  $.ajax({
      method: 'POST',
      url: '/food_output',
      data: {'list': list.join(",")},
      success: function (data) {
           //this gets called when server returns an OK response
           alert("it worked!");
      },
      error: function (data) {
           alert("it didnt work");
      }
  });
});

views.py

def your_method(request):
    list = request.POST.get("list")
    list = lists.split(",")

edited Jan 5, 2022 at 18:13

Rafael Tavares

6,5524 gold badges38 silver badges57 bronze badges

answered Jun 15, 2021 at 15:02

Gurmessa Lemma

1131 silver badge5 bronze badges

5 Comments

Oscar Chen Over a year ago

why not just serialize the list like described here: stackoverflow.com/questions/4505871/… ?

Jashan Dhiman Over a year ago

throwing error 'NoneType' object has no attribute 'split'

Jashan Dhiman Over a year ago

and i am also not familiar with ajax. So we have to call this function from submit or not

Jashan Dhiman Over a year ago

bro ajax function is not running maybe because when i want to console.log anything it dosent shown

Gurmessa Lemma Over a year ago

sorry there was a typo ,I have edited it now

Collectives™ on Stack Overflow

How to send a list from JavaScript to Django views.py?

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related