php怎么實(shí)現(xiàn)頁(yè)面不刷新更新數(shù)據(jù)

php怎么實(shí)現(xiàn)頁(yè)面不刷新更新數(shù)據(jù)？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)玉州,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

php頁(yè)面不刷新更新數(shù)據(jù)實(shí)現(xiàn)起來(lái)很簡(jiǎn)單，我們可以使用前端的ajax技術(shù)。

ajax作用：ajax技術(shù)的目的是讓javascript發(fā)送http請(qǐng)求，與后臺(tái)通信，獲取數(shù)據(jù)和信息。實(shí)現(xiàn)前后端分離。ajax技術(shù)的原理是實(shí)例化xmlhttp對(duì)象，使用此對(duì)象與后臺(tái)通信。ajax通信的過(guò)程不會(huì)影響后續(xù)javascript的執(zhí)行，從而實(shí)現(xiàn)異步。

在js里面ajax主要解決的問(wèn)題就是：不刷新當(dāng)前頁(yè)面，把某些數(shù)據(jù)傳遞給服務(wù)器，把某些數(shù)據(jù)從服務(wù)器拿回客戶端。

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

1.建立AJAX核心對(duì)象

ar xhr=new XMLHttpRequest();

2.添加預(yù)加載；指如果xhr對(duì)象的預(yù)備好的狀態(tài)發(fā)生了變化時(shí)，觸發(fā)函數(shù)。

xhr.addEventListener("load",loadHandler);

3.建立連接

xhr.open("GET","http://localhost/index.php?user=zhangsan");

建立連接里參數(shù)問(wèn)題，語(yǔ)法：

xhr.open("get", url, true);

備注：open() 方法中

第1個(gè)參數(shù)指請(qǐng)求的發(fā)送方式，值為get或post。

第2個(gè)參數(shù)指請(qǐng)求的url路徑就是你寫(xiě)的php文件 的路徑，？后面是所攜帶get所要獲得的相關(guān)信息。

第3個(gè)參數(shù)指請(qǐng)求是異步還是同步，如果寫(xiě)true表示異步（默認(rèn)true）， 寫(xiě)false表示同步。

4.向服務(wù)器發(fā)起請(qǐng)求

xhr.send();

語(yǔ)法：

xhr.send();

備注：如果是get方式發(fā)送請(qǐng)求，send()命令中不用寫(xiě)任何參數(shù)

傳遞的數(shù)據(jù)可以寫(xiě)在url中，服務(wù)器用$_GET[“參數(shù)名”]接收。

如果是post方式發(fā)送請(qǐng)求，需要設(shè)置請(qǐng)求頭才能正確把數(shù)據(jù)傳遞給后端頁(yè)面。 我們這里采用的是get方式，所以不用寫(xiě)任何參數(shù)。

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xhr.send(“數(shù)據(jù)名1=數(shù)據(jù)值&數(shù)據(jù)名2=數(shù)據(jù)值”);

服務(wù)器用$_POST[“參數(shù)名”]接收。

5.聲明預(yù)加載函數(shù)；接收響應(yīng)

function loadHandler(){
   // 獲取并使用服務(wù)器的響應(yīng)
    console.log(xhr.response);
 
}

二· 在php文件里面

三步驟：

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

設(shè)置字符編碼

header("Access-Control-Allow-Origin:*");

設(shè)置Access-Control-Allow-Origin來(lái)實(shí)現(xiàn)跨域訪問(wèn)（因?yàn)椴煌挠蛎J(rèn)不允許之間不可以相互通信）

echo $_GET["user"]."今天心情很好";

所要交給前臺(tái)的數(shù)據(jù)

四.實(shí)現(xiàn)訪問(wèn)：

將寫(xiě)好的php文件放入到phpStydy 的www的文件夾內(nèi)，如下圖：

1.找到phpStyle的安裝目錄

2.打開(kāi)找到www文件夾

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

4.現(xiàn)在實(shí)現(xiàn)簡(jiǎn)單的ajax的訪問(wèn)；

現(xiàn)在運(yùn)行你的html代碼：

此時(shí)就會(huì)實(shí)現(xiàn)頁(yè)面不刷新，就可以訪問(wèn)php的數(shù)據(jù)了

關(guān)于php怎么實(shí)現(xiàn)頁(yè)面不刷新更新數(shù)據(jù)問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

新聞標(biāo)題：php怎么實(shí)現(xiàn)頁(yè)面不刷新更新數(shù)據(jù)
URL鏈接：http://muchs.cn/article40/iioiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、企業(yè)建站、、商城網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)