To load a page in div in jQuery, use the load() method. Firstly, add the web page you want to add.Here’s the code for new.html −     This is demo text. ExampleNow, the code snippet for the file which adds the above page, $(document).ready(function() {        $('#content').load("new.html"); });

jQuery post() methodThe jQuery.post( url, [data], [callback], [type] ) method loads a page from the server using a POST HTTP request.Assuming we have following PHP content in result.php file, ExampleThe following is the code snippet showing the usage of this method −                                 $(document).ready(function() {                         $("#driver").click(function(event){                                $.post(                   "result.php", ... Read More

The serialize() method serializes a set of input elements into a string of data. Let’s say we have the following PHP content in serialize.php file −ExampleThe following is the code snippet showing the usage of this method −                                 $(document).ready(function() {                         $("#driver").click(function(event){                                $.post(                   "/jquery/serialize.php",                   $("#testform").serialize(),                                           function(data) {                      $('#stage1').html(data);                   }                    );                                    var str = $("#testform").serialize();                $("#stage2").text(str);             });                          });                             Click on the button to load result.html file:                        STAGE - 1                                    STAGE - 2                                                                      Name:                                                                        Age:                                                                                        Sex:                                                       Male                   Female                                                                                                                                                                                          

To put complete HTML page in a div using jQuery, use the load() method. Firstly, add the web page you want to add.Here’s the code for new.html −     Heading 1 Demo text ExampleNow, the code for the HTML file which adds the above page, $(document).ready(function(){        $('#myid').load("new.html"); });

The jQuery.getJSON( url, [data], [callback] ) method loads JSON data from the server using a GET HTTP request.Assuming we have the following JSON content in result.json file −{ "name": "Amy", "age" : "24", "sex": "female" }ExampleThe following is the code snippet showing the usage of this method −                                 $(document).ready(function() {                         $("#driver").click(function(event){                $.getJSON('result.json', function(jd) {                   $('#stage').html(' Name: ' + jd.name + '');                   $('#stage').append('Age : ' + jd.age+ '');                   $('#stage').append(' Sex: ' + jd.sex+ '');                });             });                          });                             Click on the button to load result.html file:                        STAGE                                

The jQuery.getScript( url, [callback] ) method loads and executes a JavaScript file using an HTTP GET request.Here is the description of all the parameters used by this method −url − A string containing the URL to which the request is sentcallback − This optional parameter represents a function to be executed whenever the data is loaded successfully.Assuming we have following JavaScript content in result.js file −function CheckJS(){    alert("This is JavaScript"); }ExampleThe following is the code snippet showing the usage of this method −                              $(document).ready(function() {   ... Read More

The serializeArray( ) method serializes all forms and form elements like the .serialize() method but returns a JSON data structure for you to work with.Assuming we have following PHP content in serialize.php file −ExampleThe following is an example showing the usage of this method −Live Demo           The jQuery Example                              $(document).ready(function() {                         $("#driver").click(function(event){                             ... Read More

To access values creates by serializeArray, use the serializeArray( ) method. The serializeArray( ) method serializes all forms and form elements like the .serialize() method but returns a JSON data structure for you to work with.Let’s say we have the following PHP content in serialize.php file −The following is an example showing the usage of this method −ExampleLive Demo           The jQuery Example                              $(document).ready(function() {                         $("#driver").click(function(event){     ... Read More

To get value from serialized array, use th serializeArray( ) method. The serializeArray( ) method serializes all forms and form elements like the .serialize() method but returns a JSON data structure for you to work with.Let’s say we have the following PHP content in serialize.php file −The following is an example showing the usage of this method:ExampleLive Demo           The jQuery Example                              $(document).ready(function() {                         $("#driver").click(function(event){     ... Read More

The jQuery.getJSON( url, [data], [callback] ) method loads JSON data from the server using a GET HTTP request.Here is the description of all the parameters used by this method −url − A string containing the URL to which the request is sentdata − This optional parameter represents key/value pairs that will be sent to the server.callback − This optional parameter represents a function to be executed whenever the data is loaded successfully.Let’s say we have the following JSON content in result.json file −{   "name": "David",   "age" : "25",   "sex": "male" }The following is a code snippet showing the usage of ... Read More