How to use the jQuery ajax serialize() method and solve common problems_jquery

When using ajax, you often need to assemble the input data in the form of 'name=abc&sex=1'. This work can be easily completed using JQuery's serialize method!

jQuery ajax - serialize() method definition and usageserialize() method creates a URL-encoded text string by serializing form values.
You can select one or more form elements (such as inputs and/or text boxes), or the form element itself.
Serialized values ​​can be used in URL query strings when generating AJAX requests.

jQuery ajax - serialize() method syntax
$(selector).serialize()
jQuery ajax - serialize() method detailed description

.serialize() method is created with A text string represented in standard URL encoding. It operates on a jQuery object that represents a collection of form elements.

jquery ajax - serialize() method There are several types of form elements:

Copy code The code is as follows:

4

5
6
7
< /select>

< ;/form>

The

.serialize() method can operate on jQuery objects that have selected individual form elements, such as , and <select>. However, it is generally easier to select the <form> tag itself for serialization: <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="73645" class="copybut" id="copybut73645" onclick="doCopy('code73645')">Copy the code<u></u></a> The code is as follows:</span></div> <div class="codebody" id="code73645">$('form').submit(function() { <br>alert($(this).serialize()); <br>return false; <br>}); <br><br> </div>Output standard query string: <br>a=1&b=2&c=3&d=4&e=5 <br>jQuery ajax - serialize() method note: only "successful controls" will be serialized into strings . If you do not use a button to submit the form, the submit button's value is not serialized. If you want a form element's value to be included in a sequence string, the element must use a name attribute. <br><br>The basic content of the above jQuery ajax - serialize() method is transferred to W3C. Below, we will explain several common problems that occur when using the jQuery ajax - serialize() method and share them with you. <br> Please see the following examples: <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="51619" class="copybut" id="copybut51619" onclick="doCopy('code51619')">Copy code<u></u></a> The code is as follows:</span></div> <div class="codebody" id="code51619"><form id="form1"> <br><input name="name1" type="text" value="pipi" /> <br><input name="name2" type="radio" value="1" checked/>boy <br><input name="name2" type="radio" value="0"/>girl <br><textarea name="name3">test

Use: $("#form1").serialize();
Result: name1=pipi&name2=1&name3=test
There is a problem with jQuery ajax - serialize() method
If the following situation occurs:

Copy code The code is as follows:

Use:$("#form1").serialize();
Result: name1=pipi&blog=blue submarine
How can I change the number back to a space?
There is one last question, as shown below:

Copy the code The code is as follows:

사용: $("#form1").serialize();
결과: blog=blue Submarine은 나타날 수 없습니다. length=pipi
이유는 length가 js 배열의 속성 키워드이고 충돌이 발생하지 않는 다른 문자열로 이름을 변경하면 됩니다.