This is a simple script which uses JQUERY to easily collect data from another webpage using asynchronous data collection method [AJAX].
Here the page loads another content without reloading the entire webpage. It loads data in to a div tag using AJAX.
Here is the script
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#data_call_display").ajaxStart(function(){
$("#data_loading").css("display","block");
});
$("#data_call_display").ajaxComplete(function(){
$("#data_loading").css("display","none");
});
$("[href='#']").click(function(){
$("#data_call_display").load("rssreader.php");
});
});
</script>
</head>
<body>
<a href="#">Get The Content</a>
<div id="data_call_display"><h2>Ajax Content Loads Here</h2></div>
<div id="data_loading" style="display:none;width:69px;height:89px;border:0px solid black;position:absolute;top:50%;left:45%;padding:2px;"><br /><img src="loading.gif"/></div>
</body>
</html>
Incoming search terms:
- jquery mobile onchange (6)
- Jquery Mobile interview questions (5)
- casting dropdownlist jquery (3)
- onchange in jquery ajax in jsp (2)
- jquery ajax display content in jsp (2)
- mysql jquery dropdown list (2)
- mysql jquery ajax onchange (2)
- loading a dropdown using ajax jquery in jsp (2)
- colorbox dropdownlist form jquery (2)
- vote casting using jquery ajax and jsp (2)
- jquery tutorial interview (2)
- jquery standard dropdown on jsp (2)
- ajax jquery interview questions (2)
- simple jquery ajax jsp (2)
- jquery ajax mysql perl drop down list -json -asp -net (2)
- jquery onchange (1)
- jquery onchange dropdown in jsp (1)
- jquery onchange dropdownlist with reloading image (1)
- jquery jsp tutorial (1)
- jquery onchange mysql (1)
- jquery refresh div wp (1)
- jquery combobox onchange using ajax in jsp (1)
- jquery search for onchange and show loading (1)
- jquery collect data from tag div (1)
- jquery css display none ajax (1)
- jquery mobile slider onchange (1)
- jquery jsp ajax firefox refresh (1)
- jquery mobile jsp (1)
- jquery mobile jsp ajax (1)
- jquery in jsp generate report table (1)
- jquery image interview questions (1)
- jquery image gallery dynamic database ajax mysql tutorial (1)
- jquery mobile search filter bar ajax (1)
- JQuery Filter Multiple Criteria (1)
- jquery ajax#p (1)
- jquery slider load mysql content ajax (1)
- jquery tutorial interview questions (1)
- rating from database by using ajax jquery and jsp (1)
- rating jquery en jsp (1)
- refresh a div onchange of jquery dropdown (1)
You will also be interested in ,
- Automatic Ajax Loading Images With Prototype
- Simple Ajax with PHP click tracker
- Ajax Page With PHP
- Zoom in and zoom out image using jquery
- Random images per day using javascript and jquery
- Expand and collapse toggle div using jquery
- Jquery Basics, How to use jquery?
- Disable submit button on form submit
- Simple jquery image slider
- Animated information box using simple jquery
