encode PHP JSON data in jquery

Question

I am getting JSON encoded data after ajax call to PHP :

[  
   {  
      "id":"4",
      "name":"Kg",
      "vital_sign_list_id":"3",
      "created":"2016-03-01 18:52:27",
      "modiefied":"2016-03-01 18:52:27"
   },
   {  
      "id":"5",
      "name":"Pound",
      "vital_sign_list_id":"3",
      "created":"2016-03-01 18:52:27",
      "modiefied":"2016-03-01 18:52:27"
   }
]

There are two datas, and I want to decode using loop and use data using jquery. How can I achieve it?

I think you are mixing up en-/ and decode. What you have here is *encoded* json. And if you want to use it with PHP you probably want to *decode* it. (And no idea what that JQuery should do here) — Rizier123, Mar 02 '16 at 05:58
Possible duplicate of [jQuery loop over JSON result from AJAX Success?](http://stackoverflow.com/questions/733314/jquery-loop-over-json-result-from-ajax-success) — Santosh Ram Kunjir, Mar 02 '16 at 06:07

score 1 · Accepted Answer · answered Mar 02 '16 at 06:02

try below code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script>
    json = '[{"id":"4","name":"Kg","vital_sign_list_id":"3","created":"2016-03-01 18:52:27","modiefied":"2016-03-01 18:52:27"}, {"id":"5","name":"Pound","vital_sign_list_id":"3","created":"2016-03-01 18:52:27","modiefied":"2016-03-01 18:52:27"}]';
    var obj = $.parseJSON( json);
    $.each(obj, function(index, val){
       alert(val.name);
       //you can access other data by using val.id, val.created etc
    });
</script>

for more detail have a look at http://api.jquery.com/jquery.parsejson/ and http://api.jquery.com/jquery.each/

score 1 · Answer 2 · answered Mar 02 '16 at 06:07

You can try this way

var data = [{"id":"4","name":"Kg","vital_sign_list_id":"3","created":"2016-03-01 18:52:27","modiefied":"2016-03-01 18:52:27"}, {"id":"5","name":"Pound","vital_sign_list_id":"3","created":"2016-03-01 18:52:27","modiefied":"2016-03-01 18:52:27"}];



for(var i = 0 ; i < data.length; i++){
  
  console.log("ID "+ i +": "+ data[i].id);
  console.log("Name "+ i +": "+ data[i].name);
  console.log("Vital "+ i +": "+ data[i].vital_sign_list_id);
  }

score 0 · Answer 3 · answered Mar 02 '16 at 06:03

0

json_encode(jsonArrVar);

use this in your json php file to encode your json data. and in jquery parse it using json.parse or eval function.

answered Mar 02 '16 at 06:03

bhavik shah

45
8

encode PHP JSON data in jquery

3 Answers3