parse json sent by php using jquery

Question

my question may be the duplicate of many questions but i have tried all my options but couldn't get to parse the json that i receive via an Ajax request

hi,

so im getting this json response as a result of Ajax call

{
    "audi": [
        "100",
        "200",
        "80",
        "90",
        "a3",
        "a4",
        "a6",
        "a8"
    ]
}

this is the json i am receiving following is my one of the attempted options

var obj = JSON.parse(html);
            alert("json decoded");

            for(var yahoo in obj)
            {
             alert(obj[yahoo]); // this line gives me 100,200,80,90,...
            }

any help is much appreciated ...

EDIT:

here is my ajax call

 $.ajax({
            url: "makemodel.php",
            type: "POST",
            data: {data:data},
            cache: false,
            async:false,
            dataType:'json',
            success: function (html) {           
            alert("success");           
            var obj = JSON.parse(html);
            alert("json decoded");          
            for(var yahoo in obj)
            {
             alert(obj[yahoo]);
            }

                      }//ajax success ends
           });//ajax ends

lets see your ajax call code? I believe all you need to do is set the dataType property to "json" — Ben
– Ben, Commented Jun 24, 2011 at 8:12
@Ben after setting dataType to json i dont get to the alert("json decoded") — John x
– John x, Commented Jun 24, 2011 at 8:18
after setting dataType you no longer need to call JSON.parse as your result will already be a JSON object. — Ben
– Ben, Commented Jun 24, 2011 at 8:43

phihag · Accepted Answer · 2011-06-24 10:04:24Z

3

If you set the dataType option of jQuery's ajax call to "json", jQuery will automatically parse the JSON code. The first argument to your success callback is already the parsed object then.

success: function (data) {   
   var s = 0;
   for (var i = 0;i < data['audi'].length;i++) {
       s += parseInt(data['audi'][i]);
   }
   alert("Sum of all audi prices: " + s);
}

edited Jun 24, 2011 at 10:04

answered Jun 24, 2011 at 8:22

phihag

289k75 gold badges475 silver badges489 bronze badges

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

1 Comment

John x Over a year ago

tnx im gona try it now...P.S these all are audi models :)

Sharp Coders · Accepted Answer · 2012-11-05 18:53:21Z

1

You can also get your json data using getJSON, following is the example.

var price = 0;
$.getJSON("make_model.php", {data: data}, function(response){
    $.each(response, function(key, value){
        price += value['price'];
    });
});
alert(price);

answered Nov 5, 2012 at 18:53

Sharp Coders

4625 silver badges7 bronze badges

Comments

dmies · Accepted Answer · 2011-06-24 08:56:12Z

0

Maybe, this code can help you, too:

var obj = jQuery.ajax({
   url: url,
   async: false,
   dataType: 'json'
}).responseText;

for(var yahoo in obj){
   alert(obj[yahoo]);
}

answered Jun 24, 2011 at 8:56

dmies

1

Collectives™ on Stack Overflow

parse json sent by php using jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related