jquery serialized form as JSON object

[HTML]View PlainCopy

2. <form id="MyForm">
4. <table>
6. <tr>
8. <TD> Name:</td>
10. <TD> <input type="text" name="name" /> </TD >
12. </tr>
14. <tr>
16. <TD> Gender:</td>
18. <TD>
20. <input type="Radio" name="Sex" value="1"> Male
22. <input type="Radio" name="Sex" value="0"> Female
24. </td>
26. </tr>
28. <tr>
30. <TD> Age:</td>
32. <TD>
34. <Select name="age">
36. <option value=>20</option>
38. <option value=>21</option>
40. <option value=>22</option>
42. </Select>
44. </td>
46. </tr>
48. <tr>
50. <TD> Hobby </td>
52. <TD>
54. <input type="checkbox" value="basketball" name="hobby"> Basketball
56. <input type="checkbox" value="Volleyball" name="hobby"> Volleyball
58. <input type="checkbox" value="Football" name="hobby"> Soccer
60. <input type="checkbox" value="Earth" name="hobby"> Earth
62. </td>
64. </tr>
66. <tr>
68. <TD Colspan="2">
70. <input type="button" id= "ajaxbtn" value="commit" />
72. </td>
74. </tr>
76. </Table>
78. </form>

[JavaScript]View PlainCopy

2. <script type="Text/javascript" >
6. $ (function () {
8. $ ("#ajaxBtn"). Click (function () {
10. var params = $ ("#myform"). SerializeObject (); //Serializing a form as a JSON object
12. Console.info (params);
14. })
16. })
20. $.fn.serializeobject = function () {
22. var o = {};
24. var a = This.serializearray ();
26. $.each (A, function () {
28. if (o[this.name]) {
30. if (!o[this.name].push) {
32. o[THIS.name] = [o[this.name]];
34. }
36. o[this.name].push (this.value | |  ");
38. } Else {
40. o[THIS.name] = This.value | |  ";
42. }
44. });
46. return o;
48. }
50. </script>

The SerializeObject method above is to serialize the form into a JSON object

jquery serialized form as JSON object