JQuery serialized form serialize () serializeArray ()

JQuery serialized form serialize () serializeArray ()

1. serialize () method

Description: serialized form content is a string used for Ajax requests.

Format: var data =$ (form). serialize ();
 

2. serializeArray () method

Description: serialized form elements (similar to the '. serialize ()' method) return JSON data structure data.

Note that this method returns a JSON object instead of a JSON string. You need to use plug-ins or third-party libraries for string-based operations.

Format: var jsonData = $ (form). serializeArray ();

When Using ajax to submit form data, you can set the data parameter to $ (form). serialize () or $ (form). serializeArray ().

Demo

$ (Function () {$ (# ajaxBtn ). click (function () {var params1 =$ (# myform ). serialize (); var params2 =$ (# myform ). serializeArray (); console. log (params1); // name = zhangsan & sex = 1 & age = 20console. log (params2); // [Object, Object, Object] $. ajax ({type: POST, url: RegisterAction. action, data: params1, success: function (msg) {alert (success: + msg );}});})})

We can see that the two methods are different.