fetch value from json Array

Question

I am getting below response from server after using Dropzone.js plugin , i need to fetch "thumbnail_url" but not able to do it .it is array containg json object .

"[{"name": "Lighthouse.jpg", "url": "/your_uploads/multiuploader_file/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/", "id": "8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2", "thumbnail_url": "thumbnails/Lighthouse.8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2.jpg", "delete_type": "POST", "delete_url": "/your_uploads/multiuploader_delete/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/", "size": 561276}]"

I tried doing it many way but nothing worked, i tried below it works but i cant change server code so help me to fetch from above json Array .

var obj={"name": "Lighthouse.jpg", "url": "/your_uploads/multiuploader_file/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/", "id": "8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2", "thumbnail_url": "thumbnails/Lighthouse.8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2.jpg", "delete_type": "POST", "delete_url": "/your_uploads/multiuploader_delete/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/", "size": 561276};

>>> obj.name
"Lighthouse.jpg"

Sridhar R · Accepted Answer · 2014-06-13 09:10:30Z

1

Your JSON in array of objects. In order to access first object keys use jso[0].thumbnail_url

Try this

$(document).ready(function () {
            var jso = [{
                "name": "Lighthouse.jpg",
                    "url": "/your_uploads/multiuploader_file/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/",
                    "id": "8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2",
                    "thumbnail_url": "thumbnails/Lighthouse.8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2.jpg",
                    "delete_type": "POST",
                    "delete_url": "/your_uploads/multiuploader_delete/8d1c455f5c49a9cfec8a3e880ff4d6904e2ce4a2/",
                    "size": 561276
            }]

            alert(jso[0].thumbnail_url)
        });

DEMO

answered Jun 13, 2014 at 9:10

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

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

Comments

Sudharsan S · Accepted Answer · 2014-06-13 09:09:37Z

0

try the below solution

   alert(obj[0].name);
   alert(obj[0].thumbnail_url);

answered Jun 13, 2014 at 9:09

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Comments

Jai · Accepted Answer · 2014-06-13 09:11:54Z

0

Well try this in your success method:

$.each(data, function(i, item){
   console.log(item.thumbnail_url);
});

answered Jun 13, 2014 at 9:11

Jai

74.8k12 gold badges76 silver badges104 bronze badges

Collectives™ on Stack Overflow

fetch value from json Array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related