how get data form json from ajax ? to javascript

Question

with ajax json data : {"data":[{"product_price":"3000"}]}

how call data :3000 from data and product price

$.ajax({
            type: "POST",
            dataType: 'html',
            url: '<?php echo base_url() . "index.php/product/getdataJson/" ?>' + product_id,
            data: {
                'product_id': product_id
            },
            success: function(data) {

                var data_json = JSON.parse(data);  // dont work

                document.getElementById("demo").innerHTML = data_json.data ; // dont work

      },
            error: function() {
                alert("did not work");
            }

        });





<p id="demo"></p>

Check those two links, they will help you: stackoverflow.com/questions/8401969/jquery-ajax-data-to-html stackoverflow.com/questions/9098649/… — tt123
– tt123, Commented Jun 20, 2022 at 19:49
Why do you have dataType: 'html' if the response is supposed to be JSON? Use dataType: 'json' and jQuery will automatically call JSON.parse() for you. — Barmar
– Barmar, Commented Jun 20, 2022 at 19:51
i get console.log(data) form inspect console , {"data":[{"product_price":"3000"}]} — kotakkecil
– kotakkecil, Commented Jun 20, 2022 at 19:59

Lucretius · Accepted Answer · 2022-06-20 20:25:46Z

0

You need to drill down into the json object to get the value you're after.

var data = '{"data":[{"product_price":"3000"}]}'

var data_json = JSON.parse( data );
console.log( data_json.data );
console.log( data_json.data[0].product_price );
document.getElementById("demo").innerHTML = data_json.data[0].product_price;

<p id="demo"></p>

edited Jun 20, 2022 at 20:25

answered Jun 20, 2022 at 20:20

Lucretius

1,0771 gold badge13 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

how get data form json from ajax ? to javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related