PHP與Ajax配合使用，可以輕松實現圖片的自動刷新功能。在網頁中，我們經常需要顯示一些動態的圖片。比如，一個正在加載中的圖標，在某些操作執行完成之前需要一直顯示。這時候，我們就可以使用Ajax自動執行刷新操作，更新圖片的顯示效果。 假設我們需要顯示一個進度條，用來表示某個任務的執行進度。在頁面上，我們可以使用一個圖片來代替進度條。但是，如果圖片只是靜態的存在，用戶無從得知任務執行的具體進度。這時候，我們就需要使用Ajax技術，每隔一段時間執行圖片的刷新操作。 在PHP中，刷新圖片的常用方法是使用header()函數來控制HTTP頭信息。我們先來看看如何在PHP中實現圖片的自動刷新。上面的代碼片段，使用PHP的imagepng()函數創建了一個PNG格式的圖片，這個圖片的文件名為bar.png。header()函數的作用是向HTTP頭中添加Content-type屬性，告訴瀏覽器我們要輸出的是圖片。現在，我們就可以在頁面上使用這個代碼片段來顯示動態的進度條。 但是，如果我們要實現圖片的自動刷新，這個代碼片段顯然不太夠用。在這種情況下，我們需要使用Ajax技術來完成自動刷新。 下面是一個簡單的Ajax自動刷新圖片的示例：上面的代碼中，我們使用了jQuery來實現Ajax技術的應用。在頁面加載完畢之后，調用refreshImage()函數，開始刷新圖片的操作。在refreshImage()函數中，我們先向div#progress中輸出正在加載中的提示，然后使用jQuery的attr()函數改變圖片的src屬性，讓瀏覽器重新加載圖片。在載入圖片的過程中，我們使用load()函數監聽圖片的載入，一旦載入成功，就設置一個計時器，每隔500毫秒執行一次refreshImage()函數。在圖片載入之前和載入成功后，我們還使用html()和empty()函數分別動態改變和清空div#progress中的內容。 這樣，圖片就可以自動刷新了。用戶在等待任務執行完成的過程中，將會看到動態的進度條，感覺就像任務正在以不同的速度執行一樣。而我們的程序只需要通過一小段代碼，就可以完成這個功能。這就是Ajax技術的魅力所在。