Ajax returning empty string in Django view

Question

I am developing a web application through Django and I want to get information from my javascript to a view of Django in order to access to the database.

I am using an ajax call as this post shows. I am calling the js in html by an onclick event :

sortedTracks.html

     ...
    <form action="{% url 'modelReco:sortVideo' video.id %}">
        <input type="submit" value="Validate" onclick="ajaxPost()" />
    </form>
    ...

clickDetection.js

//defined here
var tracksSelected = [];

//function that fill tracksSelected
function tagTrack(track_num){
  if(tracksSelected.includes(track_num)){
    var index = tracksSelected.indexOf(track_num);
    tracksSelected.splice(index, 1);
  }else{
      tracksSelected.push(track_num);
  }};

//ajax function
function ajaxPost(){
$.ajax({
    method: 'POST',
    url: '/modelReco/sortedTracks',
    data: {'tracksSelected': tracksSelected},
    success: function (data) {
         //this gets called when server returns an OK response
         alert("it worked! ");
    },
    error: function (data) {
         alert("it didnt work");
    }
});
};

So the information I want to transfer is tracksSelected and is an array of int like [21,150,80]

views.py

def sortedTracks(request):
if request.is_ajax():
    #do something
    print(request)
    request_data = request.POST
    print(request_data)

    return HttpResponse("OK")

The ajax post works well but the answer I get is only an empty Query Dict like this :
<QueryDict: {}> And if I print the request I get :

<WSGIRequest: GET '/modelReco/sortedTracks/?tracksSelected%5B%5D=25&tracksSelected%5B%5D=27&tracksSelected%5B%5D=29'>

I have also tried to change to request_data=request.GET but I get a weird result where data is now in tracksSelected[]

Why don't you try to access the key directly inside your view? E.g request.POST.get('tracksSelected') or request.GET.get('tracksSelected') — Higor Rossato
– Higor Rossato, Commented Jun 14, 2019 at 9:14
Why bother having a form action if you want the data to be submitted via Ajax? — Daniel Roseman
– Daniel Roseman, Commented Jun 14, 2019 at 9:15
If I do ' request.POST.get('tracksSelected)'. It returns me None because the QueryDict is empty. The form action is in order to validate your choices you made on the webpage where you have to click on different things. I am new so maybe I didn't catch something important in what you said. — Otor
– Otor, Commented Jun 14, 2019 at 9:19

Otor · Accepted Answer · 2019-06-14 10:08:15Z

I've tried to know why if I was doing request_data=request.GET, I get the data like this tracksSelected[] and get only the last element of it.

And I found a way to avoid to have an array in my data (tracksSelected) on this link This enables me to have :

in views.py

def sortedTracks(request):
if request.is_ajax():
    #do something
    print(request)
    request_data = request.GET.getlist("tracksSelected")[0].split(",")
    print(request_data)

and in clickDetection.js

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

This little trick works and I am able to get the array data like this, print(request_data) returns my array such as [21,25,27]

Thank you for helping me !

Nirmal Lamrin · Accepted Answer · 2019-06-14 10:09:22Z

0

According to me to access the data which is sent in the ajax request can be directly accessed . For Example:

def sortedTracks(request):
    if request.method == 'POST':
        usersV = request.POST.get('tracksSelected')[0]

            for users in usersV:
                print users
        return HttpResponse("Success")
    else:
        return HttpResponse("Error")

The correct syntax is data: {tracksSelected: tracksSelected},

answered Jun 14, 2019 at 10:09

Nirmal Lamrin

514 bronze badges

Collectives™ on Stack Overflow

Ajax returning empty string in Django view

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related