Create a Json object in javascript

Question

I am in process to validate a form where i need to show certain radio buttons and user need to select them based on some rules,how many number of radio buttons can be created is dynamic so i can not do validation on server side not can write a predefined java-script code for that.

each of the radio buttons will be divided in to groups say required and than further down they can be grouped like center,left, right etc, so from each group user need to select one value, so the structure comes out like this

-Main Group (if block needs to validate based on this e.g if key=required should validate)
  |
  Sub-group (say left, right etc)
   |
   number of radio buttons based on the sub-group

So the main group key can be used to decide if validation should be done on that or not and based on the sub-group key i can decide what all values will be there and needs to be validate

i was planning to create a JSON object on page rendering time like

{"required": [
        {"center": "id1,id2,id3"},
        {"left": "id1,id2,id3"}
      ]
  "optional": [
        {"center": "id1,id2,id3"},
        {"left": "id1,id2,id3"}
      ]
};

i am not sure if the structure i am thinking is right and how to create it in java script? like i have a external loop for key and than one more loop for the sub-group and finally for the buttons in the sub-group,

 for(main group key){
     for(subgroup key){
       for(list of radio button under subgroup key)
}
  }

but not sure how to create a right structure so that i can parse it later with jquery and use that for validation.

Any help in this will really be appreciated.

JSON is Javascript Object Notation, so any JSON is just a native Javascript Object. In fact, most browsers include tools for manipulating JSON (check out the JSON namespace). To remotely load JSON, you should look into jQuery's $.ajax (namely, the JSON format option). With $.ajax, you can easily download JSON with jQuery, and then parse it in your callback function. — neersighted
– neersighted, Commented Sep 15, 2012 at 19:40
@neersighted:my problem is, i need to create this object on the jsp page itself and not on server side, i know about jquery json and ajax thing, but i need to create the JSON object on the Ui side. — Umesh Awasthi
– Umesh Awasthi, Commented Sep 15, 2012 at 19:42
Um, just create a new object? var foo = {}, foo["bar"] = "baz". Or, if you want it to hold specfic information, check out this tutorial. — neersighted
– neersighted, Commented Sep 15, 2012 at 19:47

Ashirvad · Accepted Answer · 2012-09-15 20:44:57Z

5

In javascript. You can use JSON.stringify(myObject, replacer);

For example.

create on javascript object like this

var myObject={};

now after creating javascript object you can convert it into JSON structure like this

var myJsonText=JSON.stringify(myObject);

NOTE: replacer is optional

Now if you want to convert it in JSON Object Use JSON.parse method

myJsonObject=JSON.parse(myJsonText)

answered Sep 15, 2012 at 20:44

Ashirvad

2,3771 gold badge16 silver badges20 bronze badges

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

3 Comments

Umesh Awasthi Over a year ago

thanks for the inputs!!, but my question is more concerned about creating the structure as defined above

Ashirvad Over a year ago

if i understood the question u need a form validator which contains radio buttons ?n ya you dono the number

Ashirvad Over a year ago

if possible CAN you create a dummy structure of your form in jsfiddle?jsfiddle.net

Collectives™ on Stack Overflow

Create a Json object in javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related