- 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 10711 Articles for Web Development
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
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
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
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
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
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
16K+ Views
To load JSON data using jQuery, use the getJSON() and ajax() method. The jQuery.getJSON( ) 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.Add your JSON content in result.json file −{ "name": "Amit", "age" : "27", "sex": "male" }The following is a code snippet showing the ... Read More
760 Views
To set the background image using jQuery, use the jQuery css() method.ExampleUse the background-image property to add background image to the web page.Live Demo $(document).ready(function(){ $(".bg").css("background-image", "url('/css/images/css.jpg')"); });
0 Views
To load an external HTML into using jQuery, use the attr() method. In that set the source for iframe. You can try to run the following code to learn how to locate external HTML −ExampleLive Demo $(document).ready(function(){ $('#iframe').attr('src', 'https://www.qries.com'); });
2K+ Views
To change the background image using jQuery, use the jQuery css() method. The background-image CSS property is used to change background image.ExampleYou can try to run the following code to learn how to change background image using jQuery:Live Demo $(document).ready(function(){ $("body").on({ mouseenter: function(){ $(this).css("background-image", "url('/css/images/css.jpg')"); }, }); }); Move the mouse pointer on the page to change the background image.