本文實(shí)例講述了php的無(wú)刷新操作實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：
方法一：
我們通過(guò)http的204狀態(tài)碼，頁(yè)面不跳轉(zhuǎn)。
1.html代碼如下：
!DOCTYPE HTML>
html lang="zh-CN">
head>
meta charset="UTF-8">
title>/title>
/head>
body>
a href="./add.php" rel="external nofollow" >投票/a>
/body>
/html>
add.php代碼如下：
?php
$num = file_get_contents('./num.txt');
$num = intval($num) + 1;
file_put_contents('./num.txt', $num);
header('HTTP/1.1 204 No Content');
方法二：
利用圖片加載的特性，來(lái)完成請(qǐng)求。
!DOCTYPE HTML>
html lang="zh-CN">
head>
meta charset="UTF-8">
title>/title>
/head>
body>
input type="button" value="投票" id="addBtn" />
div id="request">/div>
/body>
script type="">
var addBtn = document.getElementById("addBtn");
addBtn.onclick = function() {
//創(chuàng)建img標(biāo)簽
var img = document.createElement("img");
//設(shè)置標(biāo)簽src屬性
img.setAttribute("src", "add.php");
document.createElement("request").appendChild(img);
};
/script>
/html>
方法三：
利用css，javascript的加載特性，完成請(qǐng)求，原理與img加載一樣。
方法四：
利用iframe的特性
2.html代碼如下：
!DOCTYPE HTML>
html lang="zh-CN">
head>
meta charset="UTF-8">
title>/title>
/head>
body>
form action="ret.php" method="post" target="request">
用戶名：input type="text" name="uname" value="" />
密碼：input type="password" name="upwd" value="" />
input type="submit" name="submit" value="提交" />
/form>
iframe width="0" height="0" frameborder="0" name="request">/iframe>
div id="result">/div>
/body>
/html>
ret.php代碼如下：
?php
$uname = !empty($_POST['uname']) ? $_POST['uname'] : '';
$upwd = !empty($_POST['upwd']) ? $_POST['upwd'] : '';
if($uname == 'admin' $upwd == '123456') {
echo "script>parent.document.getElementById('result').innerHTML='OK';/script>";
} else {
echo "script>parent.document.getElementById('result').innerHTML='NO';/script>";
}
我們通過(guò)設(shè)置form提交的target到iframe，使表單無(wú)跳轉(zhuǎn)。
ajax能實(shí)現(xiàn)文件上傳嗎？
分析，文件上傳，是需要客戶端把文件內(nèi)容發(fā)送到服務(wù)器，也就是XHR對(duì)象在POST數(shù)據(jù)時(shí)，把文件內(nèi)容也發(fā)送給服務(wù)器。
也就是XHR對(duì)象能夠獲取你要上傳的文件內(nèi)容，但是出于安全的考慮，JS是無(wú)法獲取本地文件內(nèi)容的。
ajax插件是如何實(shí)現(xiàn)文件上傳的？
1、iframe
2、flash實(shí)現(xiàn)，如swfupload
3、html5 (添加了文件讀取api，使ajax上傳文件成為可能。)
更多關(guān)于PHP相關(guān)內(nèi)容可查看本站專題：《PHP+ajax技巧與應(yīng)用小結(jié)》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:- php+ajax實(shí)現(xiàn)無(wú)刷新動(dòng)態(tài)加載數(shù)據(jù)技術(shù)
- php+html5實(shí)現(xiàn)無(wú)刷新圖片上傳教程
- PHP+ajax 無(wú)刷新刪除數(shù)據(jù)
- php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法
- AJAX PHP無(wú)刷新form表單提交的簡(jiǎn)單實(shí)現(xiàn)(推薦)
- PHP＋AJAX實(shí)現(xiàn)無(wú)刷新注冊(cè)（帶用戶名實(shí)時(shí)檢測(cè)）
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)(php)
- php ajax無(wú)刷新分頁(yè),支持id定位
- PHP+Ajax無(wú)刷新帶進(jìn)度條圖片上傳示例
