jquery uses serialize () to submit form data based on Ajax () _jquery

The example in this article describes jquery's approach to submitting form data based on Ajax () using serialize (). Share to everyone for your reference, specific as follows:

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

<form action= "" >
Name: <input type= "text" name= "FirstName" value= "Bill"/><br/> Last
Name: <input type= "text" name= "LastName" value= "Gates"/><br/>
</form>
<script>
$ (document). Ready (function () {
 Console.log ($ ("form"). Serialize ());
 Firstname=bill&lastname=gates
});
</script>

In this way, we can pass the serialized value to Ajax () as the parameter of the URL, easily use Ajax () To submit form form, instead of getting a value in the form and then passing it to Ajax (), for example:

$.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
 }
});

I hope this article will help you with the jquery program design.