Get data from Json using jquery

Question

I have the following json data, which is located in the url http://localhost/stock/index.php/masterfiles/itemgriddata

[{"name":"asdasd","code":"123","id":"1","unit":"Nos","purprice":"25000"},{"name":"Item2","code":"1235","id":"2","unit":"Nos","purprice":"0"}]

I want to get the value of name and code where id equal to 1, and store them as variables using jquery .

I know there is a method like,

$.getJSON('http://localhost/stock/index.php/masterfiles/itemgriddata', function(data) {
  console.log(data);
});

but I don't know how to implement it. Can any one help me find the solution?

The manual has examples. api.jquery.com/jQuery.getJSON if those aren't enough, you'll need to explain in more detail where you are stuck — Pekka
– Pekka, Commented Aug 14, 2012 at 7:43

thecodeparadox · Accepted Answer · 2012-08-14 08:01:17Z

3

$.getJSON('http://localhost/stock/index.php/masterfiles/itemgriddata', function(data) {
  $.each(data, function(index, val) {
      if( val.id == '1'){
        var name = val.name,
            code = val.code,
            unit = val.unit,
            purprice = val.purprice,
            id = val.id;
      }
  })
});

But if you want to store all result in array then:

var dataarr = [];
$.getJSON('http://localhost/stock/index.php/masterfiles/itemgriddata', function(data) {
  $.each(data, function(index, val) {
      if( val.id == '1'){
        dataarr.push(
            val.name,
            val.code,
            val.unit,
            val.purprice,
            val.id;
       );
  })
});

For more more detail see doco.

edited Aug 14, 2012 at 8:01

answered Aug 14, 2012 at 7:45

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Comments

pdpMathi · Accepted Answer · 2012-08-14 07:51:18Z

1

You can iterate over the array and check for the object which has id "1" as

arr = [{"name":"asdasd","code":"123","id":"1","unit":"Nos","purprice":"25000"},{"name":"Item2","code":"1235","id":"2","unit":"Nos","purprice":"0"}]

$.each(arr, function(i,ele){
 if (ele.id =="1"){
  alert(ele.name)
  alert(ele.code)
 }
});

answered Aug 14, 2012 at 7:51

pdpMathi

7753 silver badges7 bronze badges

Comments

M Abbas · Accepted Answer · 2012-08-14 07:52:41Z

1

You can try something like:

$.getJSON('http://localhost/stock/index.php/masterfiles/itemgriddata', function(data) {
  var results = [];

  $.each(data, function(key, val) {
    if (val.id === "1") {
        results.push(val.name);
        results.push(val.code);
    }
  });
  // Then you can do whatever you want to do with results
});

answered Aug 14, 2012 at 7:52

M Abbas

6,4994 gold badges37 silver badges48 bronze badges

Collectives™ on Stack Overflow

Get data from Json using jquery

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