JQuery Ajax () submits form data using serialize ()

The serialize () method of query creates a URL-encoded text string by serializing the form value, and we can select one or more form elements, or you can directly select the form to serialize it, such as:

<form action= "" >first Name: <input type= "text" name= "FirstName" value= "Bill"/><br/>last Name: < Input type= "text" name= "LastName" value= "Gates"/><br/></form>

$ (document). Ready (function () {    Console.log ($ ("form"). Serialize ());//firstname=bill&lastname=gates});

In this way, we can pass the serialized value to Ajax () as the URL parameter, and easily use Ajax () to submit the form form, instead of one to get the value of the form and then passed to Ajax (), for example, as follows:

$.ajax ({    type: ' Post ',    URL: ' Your URL ',    data: $ ("form"). Serialize (),    success:function (data) {        / /Your Code    }});

The same is true with $.post (), $.get (), and $.getjson ():

$.post (' Your URL ', $ ("form"). Serialize (), function (data) {        //Your Code    }}), $.get (' Your URL ', $ ("form"). Serialize (), function (data) {        ///Your Code    }}); $.getjson (' Your URL ', $ ("form"). Serialize (), function (data) {        //Your Code    }});

JQuery Ajax () submits form data using serialize ()