How to Loop through an array with object using jquery

Question

I have been practising with pure Django (django without js) for a while now.I have therefore decided to go some step further to include Jquery Ajax in my django.Where i can be able to insert some data dynamically into my html.

The problem however is looping through the django model response using jquery ajax is not working for me. below is my jquery.Somebody help to through the array using jquery.

    function ajaxLoad(item){

    $.ajax({
        type:  'POST',
        url :   '../ajax/fetch_category/',
        data: {
            'parameter':item
        },
        cache:false,
        dataType: 'json',
        success: function(response_data) {
        //This is an example of respone data i get from ajax , though was created manually
        var data = [
            {
                "model": "gallery.photogallery",
                "pk": 2,
                "fields": 
                    {
                        "title": "This is my title", 
                        "picture_choices": "Urban", 
                        "description": "This is my good description .",
                        "user": 2, 
                        "date_posted": "2018-06-13T20:13:57.774Z",
                        "views": 3,
                        "likes": 2, 
                        "country": "AG",
                        "slug": "this-is-my-title"
                    }
            }

        ];
       //here am looping through the array
        for( item in data){
            console.log(item);
            $.each(item, function( key, value ) {
                console.log( key + ": " + value );
            });
        }


        },
        error: function(XMLHttpRequest,textStatus,errorThrown) {
            console.log("XMLHttpRequest", XMLHttpRequest);
            console.log("textStatus", textStatus);
            console.log("errorThrown", errorThrown); 
        }
    });
}

No, now you return an HttpResponse object that has a JsonResponse object as payload. You serialize your data dict twice. Either return HttpResponse(response_data, content_type='application/json') or JsonResponse(response_data) — shmee
– shmee, Commented Jun 14, 2018 at 9:47
I have tried but i get the following error VM1764:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (<anonymous>) — Seyyid Said
– Seyyid Said, Commented Jun 14, 2018 at 11:20

Daniel Roseman · Accepted Answer · 2018-06-14 09:22:27Z

1

The dataType parameter of the ajax method in jQuery sets the type of the data you are expecting back from the server. You have set it to "text", which means that jQuery will treat the response just as pure text. This is not useful, especially if you want to treat it as an object and iterate through its keys.

Although you have not shown your view, which would have been useful, I presume you are actually sending JSON. In which case, you should set that parameter to "json" - or leave it out completely, in which case jQuery will make an intelligent guess.

answered Jun 14, 2018 at 9:22

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

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

Comments

shmee · Accepted Answer · 2018-06-14 09:19:43Z

0

What you get from Django depends on what you return in your views. Using the render() shortcut, you get an HttpResponse object.

For Ajax, I tend to return JsonResponse objects.

If you return pure Querysets, you'll have to pass them through a serializer first.

edited Jun 14, 2018 at 9:19

answered Jun 14, 2018 at 9:13

shmee

5,1612 gold badges25 silver badges31 bronze badges

3 Comments

Seyyid Said Over a year ago

I have tried to it but my problem is getting the data out of that json , it's not working for me using jquery, but if i just manuallly create an object jquery works ,i cannot explain that behaviour

shmee Over a year ago

Then why do you tag your question with python and django if you have trouble on the javascript/jquery side? Refer to @Daniel Roseman's answer then.

Seyyid Said Over a year ago

i apoligize for the inconvinience,

Collectives™ on Stack Overflow

How to Loop through an array with object using jquery

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related