javascript讀取php─搭配想要php的值間隔時間讀取

  • 1667
  • 0

摘要:javascript讀取php─搭配想要php的值間隔時間讀取

不確定題目是不是這樣定。

方法很簡單,就是用XmlHttpRequest。

首先,在你的php打上你要他做的事情,並且echo出來:

echo date('Y')."-".date('m')."-".date('d');

這邊是很簡單的將日期顯示出來,不過你通常會做更困難的輸出,像是分析資料庫得到的資料等等。

假設這個php叫做test.php,

接著在你的javascript加上這樣的程式:

function theDate()
{
	////////////////////////////test.php會顯示日期在網頁上//////////////////////////////////////////////
	var posthttp;

	if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
		posthttp=new XMLHttpRequest();
	} else {
		posthttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	posthttp.open('GET','test.php', false);
	//posthttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	posthttp.send(null);

	return posthttp.responseText;
}

當然,記得那個test.php要填完整網址,如果php跟你的html不在同一個地方的話。

然後加入timer:

Tick();
function Tick() {
            var test=theDate();
            var obj=document.getElementById("tx");
	    obj.innerHTML="Today is : "+test;
           setTimeout("Tick()",3000);
}

如此一來,你的javascript就會每隔一段時間顯示日期,想想若你的php是讀取資料庫資料,那麼將能做多少強大的事呢~

不過一直讀取也可能造成負荷,

就是分享簡單的方法用javascript顯示php的值囉。

之前是因為很希望php的一個方法一直執行或者想要他執行時執行,

才上網找到這樣的方法的~

給需要的人做參考!