頁面刷新整個頁面刷新和局部刷新

本文轉載自查看原文 2016-03-12 18:21 10340 js/ html/ jquery

整個頁面刷新

1.頁面自動刷新：把如下代碼加入＜head>區域中

＜meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳轉：把如下代碼加入＜head>區域中

＜meta http-equiv="refresh" content="20;url=“#">

其中20指隔20秒后跳轉到#頁面

3.頁面自動刷新js版

＜script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
＜/script>

jquery如何實現div定時刷新

 1 <head>
 2 
 3 <script src="jQuery/jquery-1.4.1.min.js" type="text/javascript"></script>
 4 
 5 <script>
 6 $(document).ready(function () {
 7 
 8 setInterval("startRequest()",1000);
 9 //setInterval這個函數會根據后面定義的1000既每隔1秒執行一次前面那個函數
10 //如果你用局部刷新，要用AJAX技術
11 });
12 
13 function startRequest()
14 {
15 $("#date").text((new Date()).toString());
16 }
17 </script>
18 
19 </head>

ajax局部刷新

ajax局部定時刷新

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4 <meta charset="utf-8">
 5 <title>ajax自動局部定時刷新</title>
 6 <script type="text/javascript" src="jquery-1.11.2.js"></script>
 7 </head>
 8 <body>
 9 <script>
10 $(document).ready(function(){
11    setInterval("change()",1000)
12 })
13 function change(){ 
14 $.ajax({
15 url: "demo1.php",
16 cache: false,
17 dataType:"json",
18 success: function(data){
19  $("#aa").html(data);
20 }
21  })
22  }
23  </script>
24 <div id="aa"></div>
25 </body>
26 </html>

ajax局部手動刷新

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4 <meta charset="utf-8">
 5 <title>ajax手動局部刷新</title>
 6 <script type="text/javascript" src="jquery-1.11.2.js"></script>
 7 </head>
 8 <body>
 9 <script>
10 function change(){ 
11 $.ajax({
12 url: "demo1.php",
13 cache: false,
14 dataType:"json",
15 success: function(data){
16  $("#aa").html(data);
17 }
18  })
19  }
20  </script>
21 <div id="aa"></div>
22 <button  onclick="change()">手動刷新按鈕</button>
23 </body>
24 </html>

所測試的demo1.php如下：

1 <?php
2 header ( "Content-type: text ml; charset=UTF-8" );
3 
4   $oldnum=file_get_contents("c:\111.txt");
5   $oldnum=$oldnum+1; 
6   file_put_contents("c:\111.txt",$oldnum);
7  
8   echo $oldnum;
9 ?>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ionic局部刷新頁面與刷新整個頁面 vue---局部刷新和刷新頁面的整體刷新和局部刷新frameset窗口 vue刷新整個頁面 Webform——頁面局部刷新 HTML頁面局部刷新 vue實現不刷新整個頁面刷新數據 JS/JQuery頁面刷新、局部刷新 js控制iframe的刷新（頁面局部刷新） [轉]layui點擊左側導航欄，實現不刷新整個頁面，只刷新局部

頁面刷新 整個頁面刷新和局部刷新

免責聲明！

頁面刷新整個頁面刷新和局部刷新