- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 8895 Articles for Front End Technology
![Amit D](https://www.tutorialspoint.com/assets/profiles/13349/profile/60_63530-1512538715.jpg)
2K+ Views
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"); });
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
138 Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
120 Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
494 Views
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"); });
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
794 Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
2K+ Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
495 Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
514 Views
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
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
3K+ Views
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
![Amit D](https://www.tutorialspoint.com/assets/profiles/13349/profile/60_63530-1512538715.jpg)
478 Views
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