Shulou(Shulou.com)06/01 Report--

This article mainly introduces "how to use the serialize method in jquery". In the daily operation, I believe that many people have doubts about how to use the serialize method in jquery. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to use the serialize method in jquery". Next, please follow the editor to study!

In jquery, the serialize () method creates a standard URL-encoded text string by serializing the form value, which can be used in the URL query string when the AJAX request is generated, with the syntax of "$(selector). Serialize ()".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How to use serialize method in jquery

Definition and usage of serialize ():

The serialize () method creates a standard URL-encoded text string by serializing the form value, which operates on a jQuery object that represents a collection of form elements. You can select one or more form elements (such as input or text boxes), or the form element itself. The serialized value can be used in the URL query string when the AJAX request is generated.

Syntax:

(selector) .serialize ()

detailed description

The .serialize () method creates a text string represented in standard URL encoding. Its Operand is a jQuery object that represents a collection of form elements.

The .serialize () method can manipulate jQuery objects that have selected individual form elements, such as, and. However, it is generally easier to choose the tag itself for serialization

3. Only the "successful control" is serialized into a string. If you do not use the button to submit the form, the value of the submit button is not serialized. If you want the value of a form element to be included in a sequence string, the element must use the name attribute.

4. Name in form cannot use keywords in Js or jquery.

For example: length

The code is as follows:

/ / use: $("# form1") .serialize ()

No value can be obtained above.

Serialize () instance in JQuery

1. Ajax serialize ()

The code is as follows:

$.ajax ({type: "POST", dataType: "json", url:ajaxCallBack, data:$ ('# myForm'). Serialize (), / / ID success to submit the form: function (msg) {alert (msg);}})

2. Serialize () serializes the form instance

The code is as follows:

(function () {$("# submit") .click (function () {alert ($("# myForm"). Serialize ());}); nickname password

Click the button and pop up:

Username=admin&password=admin123

At this point, the study of "how to use the serialize method in jquery" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.