html 頁面重新整理

標籤：any   頁面   jquer   返回   .text   參考   ==   ram   alert   

JS 指令碼方法1 setInterval 函數

定時局部重新整理用到jQuery裡面的setInterval方法， 該函數每隔一段時間請求一次資料，然後將請求結果返回給前端HTML實現重新整理。

setInterval方法兩個參數，第一個是設定定時執行的函數名，第二個是時間。

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script>$(function()
{  getData();  setInterval(function(){   getData();  }, 3000); });

 function getData(){  $.getJSON("/blood/pressure/1", function(data){   if (200 == data.code) {    $("#systolic").text(data.data.systolic);    $("#diastolic").text(data.data.diastolic);    $("#pulse").text(data.data.pulse);   }  });

　　//$("#date").text((new Date()).toString()); };
</script>

funciton GetData(){ var url = "請求地址"; var data = {type:1}; $.ajax({  type : "get",  async : false, //同步請求  url : url,  data : data,  timeout:1000,  success:function(dates){  //alert(dates);  $("#mainContent").html(dates);//要重新整理的div  },  error: function() {        // alert("失敗，請稍後再試！");      } });

 

另外注意，setTimeout()並不能定時重新整理頁面。setTimeout()設定之後，只會重新整理一次，需要再次設定，才會再次重新整理。

eg. setTimeout(function(){location.reload()},1000); //指定1秒後重新整理一次

 

方法2

不時，我需要某種機制，不斷重新整理網頁，以提供一個即時的儀表板某種。如果我只能重新整理一個特定的頁面的一部分，這將是很大的，例如：儀錶盤上的交通燈顯示系統狀態。

這是很容易通過使用jQuery JavaScript庫，只重新整理頁面的一部分。一旦我們納入我們的頁面的jQuery庫，我們只需要1行的

JavaScript得到它的工作：

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

所以我們只要我們的頁面放入這個小的JS程式碼片段重新整理裡面的內容ID標籤的一切，讓我們說，每5秒：

setInterval(function() {  $("#content").load(location.href+" #content>*","");}, 5000);

這就是它！！因此，這是很容易完成一些即時監控的行為，只是那行代碼。沒有更奇怪的元重新整理標記或iframe一種解決方案，在Web應用程式。

每5秒，我們將重新整理內容相同的URL和所有元素，駐留在元素ID為content元素的內容：內容。

 

 

 

頁面整體重新整理

1. 頁面自動重新整理註：其中10指每隔10秒重新整理一次頁面.

1 <meta http-equiv="refresh" content="10">

2.跳轉到指定頁面

1 <meta http-equiv="refresh" content="10;url=http://www.51jfgou.com">

 

 

 

參考文章

1.html頁面實現自動重新整理的幾種方法

2. JQuery實現定時重新整理功能代碼

3. 如何定時重新整理頁面

 

html 頁面重新整理