how to extract JSON object data from laravel API?

Question

I want to extract JSON data from laravel using JQUERY but the result is always undefined.

this is the json code I've got:

{"data":{"id":1,"title":"glove hard","code":"0102","category":"glove"}}

and this is the js code:

        $('#show').click(function(){

        $.ajax({
            url: 'example.com/api/product/1',
            method: 'GET',
            dataType: 'json',
            success: function(data){
                $('#result').text(data.category)
            }
        })
    })

Have you tried debugging your code? Why not add something like console.log(data) to see what data contains? — Nico Haase
– Nico Haase, Commented Mar 24, 2018 at 9:34

Thankgod Richard · Accepted Answer · 2018-03-24 10:38:13Z

1

Since your code return JSON data is

{"data":{"id":1,"title":"glove hard","code":"0102","category":"glove"}}

The ajax success function parameter is called data and the first key in the json result is named data, to access the value of category, your code should be

   $('#show').click(function(){

    $.ajax({
        url: 'example.com/api/product/1',
        method: 'GET',
        dataType: 'json',
        success: function(data){
             //Call the first wrapper key first.
            $('#result').text(data.data.category)
        }
    })
})

answered Mar 24, 2018 at 10:38

Thankgod Richard

5177 silver badges17 bronze badges

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

Comments

Leukos_Arapis · Accepted Answer · 2018-03-24 10:27:30Z

0

Use the $.parseJSON which parse the well formatted json string into js object. Your success callback will be

success: function(data){
                var obj = $.parseJSON(data);
                $('#result').text(obj.data.category)
            }

answered Mar 24, 2018 at 10:27

Leukos_Arapis

1

Comments

Anuga · Accepted Answer · 2018-03-26 11:40:14Z

0

Make it even simpler:

jQuery('#show')
.click(function() {
    jQuery
    .getJSON('example.com/api/product/1')
    .done(function(data) {
        jQuery('#result').text(data.data.category);
    }
});

answered Mar 26, 2018 at 11:40

Anuga

2,8271 gold badge22 silver badges30 bronze badges

Collectives™ on Stack Overflow

how to extract JSON object data from laravel API?

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