2010-06-25 28 views
7

के साथ प्रत्येक 10 सेकंड्स ऑटो लोड और रीफ्रेश डिव मैं एक अच्छी छोटी jquery के साथ काम कर रहा हूं जो स्वत: लोड करता है और हर ब्लू ब्लै सेकेंड को एक डिफ्रेश करता है। सभी ब्राउज़रों पर पूरी तरह से काम करता है तो मैं आईई लोड करता हूं और क्या कोई आश्चर्य नहीं करता है! :(jQuery लोड

Index.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

<body> 
<div id="load"> </div> 
</body> 

</script> 

reload.php

<? 

echo time(); //just a timestamp example.. 

?> 

कोई भी विचार लोग?

उत्तर

7

एक यादृच्छिक मूल्य यूआरएल के अंत में कैशिंग से बचने के लिए जोड़े .. यही कारण है कि अपनी समस्या का समाधान करना चाहिए। पूर्व: $('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

+0

वाह अच्छा! – Webby

+0

को समझने की कोशिश करने वाले पहले घंटे के बाद यहां आना चाहिए या कैश के साथ jquery's $ .ajax() फ़ंक्शन का उपयोग करना चाहिए: झूठा, हालांकि थोड़ा अधिक हो सकता है। लेकिन मैं अत्यधिक अनुशंसा करता हूं कि आप reload.php में http शीर्षलेख भेजें, जो कैशिंग को "निष्क्रिय" करें। – user375700

4

एच से पहले अपने स्क्रिप्ट टैग को बंद करने का प्रयास करें अपने शरीर के टैग का लाभ उठाओ।

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

</script> 
</head> 

<body> 
<div id="load"> </div> 
</body> 
0
body {text-align:center; background-image: url('http://cdn3.crunchify.com/wp- content/uploads/2013/03/Crunchify.bg_.300.png')} 


    $(document).ready(function() { 
     auto_refresh(); 
    }); 
    function auto_refresh(){ 
     var randomnumber = Math.floor(Math.random() * 100); 
     $('#show').text('I am getting refreshed every 3 seconds..! Random Number ==> '+ randomnumber); 
    } 
    var refreshId = setInterval(auto_refresh, 1000); 
संबंधित मुद्दे