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, Jun 15 '21 at 14:57
this will help you guys it worked for me https://stackoverflow.com/a/34951258/15527968 — Jashan Dhiman, Jun 16 '21 at 07:00

score 1 · Accepted Answer · edited Jan 05 '22 at 18:12

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})

score 0 · Answer 2 · edited Jan 05 '22 at 18:13

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 05 '22 at 18:13

Rafael Tavares

5,678
4
32
48

answered Jun 15 '21 at 15:02

Gurmessa Lemma

93
1
5

why not just serialize the list like described here: https://stackoverflow.com/questions/4505871/good-way-to-serialize-a-list-javascript-ajax ? – Oscar Chen Jun 15 '21 at 15:45
throwing error 'NoneType' object has no attribute 'split' – Jashan Dhiman Jun 15 '21 at 15:59
and i am also not familiar with ajax. So we have to call this function from submit or not – Jashan Dhiman Jun 15 '21 at 16:26
bro ajax function is not running maybe because when i want to console.log anything it dosent shown – Jashan Dhiman Jun 15 '21 at 17:07
sorry there was a typo ,I have edited it now – Gurmessa Lemma Jun 16 '21 at 07:40

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

2 Answers2

Linked