Question

Hello there I have a really complex php script that produces a javascript file in jquery
There is a string that is stored in an input type text and I want to converted into json.
The input type text has undedined number of elements.
So I initisialize the string in the input box

<input type="text" id="selectbuttons" value="{}">

After some actions the string in the input box is something like that:

{"button":"bt1","style":"style1"},{"button":"bt2","style":"style2"}

etc…

Then this is my script , i use the function addScriptto to add it to the document’s header, also I am using the core of jquery jquery-1.6.2.min.js to make the json object

$document->addScriptto('
$.noConflict();
jQuery(document).ready(function($) {
var loaded=$("#selectButtons").val();
var obj = jQuery.parseJSON(loaded);
}); //end of dom ready

');

But I can’t make it work, when the string is not empty
Is there something wrong with my json syntax? Also, I would be later able to loop all the elements and retrieve the data? Thanks in advance

Answer 1

Your JSON string should be in an array format like below

[{"button":"bt1","style":"style1"},{"button":"bt2","style":"style2"}]

And then you can use the $.each to loop through the JOSN values as below:

$.each(yourJSONstring,function(i,values) {
  //yourJSONstring holds the JSON array
  // i is just the loop index. it will increment by 1 in every loop
  alert(values.button) //will alert bt1 in the 1st loop, bt2 in 2nd
  alert(values.style) //will alert style1 in 1st loop, style2 in 2nd
  //You can have values here of the keys in JSON using the dot notation as above and do your operations.
})