php頁面不刷新更新數據

php頁面不刷新更新數據實現起來很簡單，我們可以使用前端的ajax技術。

ajax作用：ajax技術的目的是讓javascript發送http請求，與后臺通信，獲取數據和信息。實現前后端分離。ajax技術的原理是實例化xmlhttp對象，使用此對象與后臺通信。ajax通信的過程不會影響后續javascript的執行，從而實現異步。

在js里面ajax主要解決的問題就是：不刷新當前頁面，把某些數據傳遞給服務器，把某些數據從服務器拿回客戶端。

一、在html里的五步走策略：

1.建立AJAX核心對象ar xhr=new XMLHttpRequest();

2.添加預加載；指如果xhr對象的預備好的狀態發生了變化時，觸發函數。xhr.addEventListener("load",loadHandler);

3.建立連接xhr.open("GET","http://localhost/index.php?user=zhangsan");

建立連接里參數問題，語法：xhr.open("get", url, true);

備注：open() 方法中

第1個參數指請求的發送方式，值為get或post。

第2個參數指請求的url路徑就是你寫的php文件 的路徑，？后面是所攜帶get所要獲得的相關信息。

第3個參數指請求是異步還是同步，如果寫true表示異步(默認true)， 寫false表示同步。

4.向服務器發起請求xhr.send();

語法：xhr.send();

備注：如果是get方式發送請求，send()命令中不用寫任何參數

傳遞的數據可以寫在url中，服務器用$_GET[“參數名”]接收。

如果是post方式發送請求，需要設置請求頭才能正確把數據傳遞給后端頁面。 我們這里采用的是get方式，所以不用寫任何參數。xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

xhr.send(“數據名1=數據值&數據名2=數據值”);

服務器用$_POST[“參數名”]接收。

5.聲明預加載函數；接收響應function loadHandler(){

// 獲取并使用服務器的響應

console.log(xhr.response);

}

二· 在php文件里面

三步驟：header("content-type:text/html;charset=utf-8");

設置字符編碼header("Access-Control-Allow-Origin:*");

設置Access-Control-Allow-Origin來實現跨域訪問(因為不同的域名默認不允許之間不可以相互通信)echo $_GET["user"]."今天心情很好";

所要交給前臺的數據

四.實現訪問：

將寫好的php文件放入到phpStydy 的www的文件夾內，如下圖：

1.找到phpStyle的安裝目錄

2.打開找到www文件夾

3.將你寫好的PHP文件復制到www文件夾里面去，如我剛寫的index.php文件；

4.現在實現簡單的ajax的訪問；

現在運行你的html代碼：

此時就會實現頁面不刷新，就可以訪問php的數據了

更多PHP相關知識，請訪問PHP中文網！

總結

以上是生活随笔為你收集整理的php 文件 不更新,php页面不刷新更新数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。