php的無刷新實現方法


方法一:

我們通過http的204狀態碼,頁面不跳轉。
1.html代碼如下:
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a href="./add.php">投票</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');
方法二:
利用圖片加載的特性,來完成請求。
<!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() {
        //創建img標簽
        var img = document.createElement("img");

        //設置標簽src屬性
        img.setAttribute("src", "add.php");
        document.createElement("request").appendChild(img);
    };
</script>
</html>
方法三:
利用css,javascript的加載特性,完成請求,原理與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>";
}
我們通過設置form提交的target到iframe,使表單無跳轉。
 
ajax能實現文件上傳嗎?
分析,文件上傳,是需要客戶端把文件內容發送到服務器,也就是XHR對象在POST數據時,把文件內容也發送給服務器。
也就是XHR對象能夠獲取你要上傳的文件內容,但是出於安全的考慮,JS是無法獲取本地文件內容的。
 
ajax插件是如何實現文件上傳的?
1、iframe
2、flash實現,如swfupload
3、html5 (添加了文件讀取api,使ajax上傳文件成為可能。)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM