jquery uses the serialize (), Serializearray () method to get form data + string and object type form submission methods

Reprinted from: http://blog.csdn.net/zqtsx/article/details/28655717

Original form form value acquisition method (manual):

[JavaScript]View PlainCopy

1. $.ajax ({
2. Type: "POST",
3. URL: "ajax.php",
4. Data: "name= the star &position=it technology",
5. Success: function (msg) {alert (msg);},
6. Error: function (Error) {alert (error);}
7. });

The JQ serialize () method takes the value:

[JavaScript]View PlainCopy

1. $.ajax ({
2. Type: "POST",
3. URL:"ajax.php",
4. data:$ (' #formID '). Serialize (),//form to submit
5. Success: function (msg) {alert (msg);},
6. Error: function (Error) {alert (error);}
7. });

Serialize () Serialization of form instances:

[HTML]View PlainCopy

2. <script type="Text/javascript" src="Jquery-1.9.1.min.js"></script >
4. <script type="Text/javascript">
6. $ (function () {
8. $ ("#button"). Click (function () {
10. Alert ($ ("#formID"). Serialize ());
12. });
14. });
16. </Script>
18. <form id="FormID">
20. Name <input value= "pick up theSky Star" name="name" />
22. Jobs <input value="It Technology" name="position" />
24. <input id="button" value="Submit" type="button" />
26. </form>

converts a value in a form to a key-value pair:

[JavaScript]View PlainCopy

2. For example: {Name: ' Extract Sky Stars ', Position: ' It technology '}
4. PS: note to place the same name in an array
6. function Getformjson (form) {
8. var o = {};
10. var a = $ (form). Serializearray ();
12. $.each (A, function () {
14. if (o[this.name]!== undefined) {
16. if (!o[this.name].push) {
18. o[THIS.name] = [o[this.name]];
20. }
22. o[this.name].push (this.value | |  ");
24. } Else {
26. o[THIS.name] = This.value | |  ";
28. }
30. });
32. return o;
34. }

Ajax calls for key-value pairs:

[JavaScript]View PlainCopy

2. Debug Calls
4. $ (function () {
6. $ ("#button"). Click (function () {
8. Alert (Getformjson ("#formID"));
10. });
12. });
14. Ajax Submissions
16. $.ajax ({
18. Type: "POST",
20. URL:"ajax.php",
22. Data:getformjson ($ ("#formID")), theID of the form or the form to be submitted is filled out in the function parameter of the form data JSON format
24. DataType: ' json ',
26. Success: function (msg) {alert (msg);},
28. Error: function (Error) {alert (error);}
30. });

Common HTML forms in an instance:

[HTML]View PlainCopy

2. <form id="FormID">
4. Name <input value= "pick up theSky Star" name="name" />
6. Jobs <input value="It Technology" name="position" />
8. <input id="button" value="Submit" type="button" />
10. </form>

jquery uses the serialize (), Serializearray () method to get form data + string and object type form submission methods