Databases
StackOverflow2013
Postsdbo
POHow to convert jQuery.serialize() data to JSON object?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to convert jQuery.serialize() data to JSON object?
    primarykey
    data
    text
    <p>Is there any better solution to convert a form data that is already serialized by jQuery function serialize(), when the form contains multiple input Array fields. I want to be able to convert the form data in to a JSON object to recreate some other informative tables. So tell me a better way to get the serialize string converted as a JSON object.</p> <pre><code>&lt;form id='sampleform'&gt; &lt;input name='MyName' type='text' /&gt; // Raf &lt;!--array input fields below--&gt; &lt;input name='friendname[]' type='text' /&gt; // Bily &lt;input name='fiendemail[]' type='text' /&gt; // bily@someemail.com &lt;!--duplicated fields below to add more friends --&gt; &lt;input name='friendname[]' type='text' /&gt; // Andy &lt;input name='fiendemail[]' type='text' /&gt; // Andy@somwhere.com &lt;input name='friendname[]' type='text' /&gt; // Adam &lt;input name='fiendemail[]' type='text' /&gt; // Adam@herenthere.com &lt;/form&gt; </code></pre> <p>The jquery method applied to get the data</p> <pre><code>var MyForm = $("#sampleform").serialize(); /** result : MyName=Raf&amp;friendname[]=Billy&amp;fiendemail[]=bily@someemail.com&amp;friendname[]=Andy&amp;fiendemail[]=Andy@somwhere.com&amp;friendname[]=Adam&amp;fiendemail[]=Adam@herenthere.com */ </code></pre> <p>how do I make this data in to a JSON object? which should have the following example JSON data from the above form.</p> <pre><code>{ "MyName":"raf", "friendname":[ {"0":"Bily"}, {"1":"Andy"}, {"2":"Adam"} ], "friendemail":[ {"0":"bily@someemail.com"}, {"1":"Andy@somwhere.com"}, {"2":"Adam@herenthere.com"} ] } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USallicarn
    1. USRaftalks
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. USRaftalks
      1. VTFavorite
    1. COTechnically, that's not how the JSON object would be formatted based on your query string. Specifically, the array elements would not be objects with indexes, but just values. With that said, if you require the format you posted, you will probably need to write a custom function.
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. USJason McCreary
    2. COpossible duplicate of [Serialize form to JSON with jQuery](http://stackoverflow.com/questions/1184624/serialize-form-to-json-with-jquery)
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. USSLaks
    3. COThanks Slaks and Jason, yes I do agree that I need a function to do it and Slaks have pointed it out for me.
      singulars
      1. POHow to convert jQuery.serialize() data to JSON object?
      1. USRaftalks
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload