php頁面局部刷新,php刷新頁面事件

本文目錄一覽：

• 1、js php 局部刷新
• 2、用PHP實現頁面的局部刷新功能，讀取記事本數據。隨便點擊刷新區域一下就自動加載下一條數據。做個 DEMO出來
• 3、怎麼用php刷新頁面？
• 4、PHP頁面怎麼完成局部刷新
• 5、php點擊刷新局部頁面怎麼實現？

js php 局部刷新

每個元素單擊時可以觸發一個事件，發送一個ajax請求，從服務端把這條數據刪除，如果刪除成功，在客戶端再把這個dom節點刪掉。

div class=dela href = ‘del.php?id=261username=jason’刪除/a/div

div class=dela href = ‘del.php?id=260username=jason’刪除/a/div

div class=dela href = ‘del.php?id=259username=jason’刪除/a/div

// 這裡使用 jQuery

// 綁定單擊事件

$(‘div’).click(function() {

  // 獲取刪除的URL

  const url = $(this).attr(‘href’);

  $.ajax({

    url: url,

    data: {},

    type: ‘POST’,

    dataType: ‘JSON’,

    success: function(r) {

        if (!r.state) return alert(‘刪除異常’);

        alert(‘已刪除’);

        return $(this).remove();  // 刪除成功，移除dom節點。      

    },

    error: function() {

        return alert(‘網絡異常’);

    }

  });

});

// 服務端可以這樣寫。

$id = $_GET[‘id’];

$sql = ‘DELETE FROM tablename WHERE id = ‘ . $id;  // 組裝你的SQL語句。

根據結果返回相應的JSON

return json_encode([‘state’ = true, ‘text’ = ‘刪除成功’]);

用PHP實現頁面的局部刷新功能，讀取記事本數據。隨便點擊刷新區域一下就自動加載下一條數據。做個 DEMO出來

局部刷新功能，點擊刷新區域這個需要用到javascript, 你可以用ajax.或者是JQuery;

局部刷新和區域刷新其實都是刷新一個DIV里的內容，只是刷新方式你可以定時刷新或手動點擊按鈕刷新;

給你一個JQuery的小例子,點擊按鈕刷新div：

div id=”demo”原來div里的內容/div

input type=”button” id=”but” value=”刷新div” /

script

$(‘#but’).click(function(){

$.get(‘demo.php’,null, function(data){

$(‘#demo’).html(data);

})

});

/script

PHP頁面時時獲取系統時間，

demo.php;

?php

echo date(“Y-m-d H:i:s”);

?

如果你要讀取文件內容，那麼有多種方法，我先告訴你一種：

file_get_contents(file) php函數讀取文件內容, 可以是txt文體文件或html文件

?php

echo file_get_contents(“data.txt”);

?

怎麼用php刷新頁面？

方法其實挺多的。以前比較常用的是iframe這樣來做。現在多了個ajax，所以一般情況下都是用的ajax。

第一種方法，ajax實現：

當然，ajax使用起來確實很簡單就可以實現，但是裡面的很多知識還是比較有點深的。我之前做頁面時間自動刷新的功能就是用的ajax。完整代碼是：

1.getTime.php:

代碼如下:

?php

header(“cache-control:no-cache,must-revalidate”);

header(“Content-Type:text/html;charset=utf-8”);

$time = “2012-1-20 18:00:00”;

$dt_element=explode(” “,$time);

$date_element=explode(“-“,$dt_element[0]);

$time_element=explode(“:”,$dt_element[1]);

$date = mktime($time_element[0],$time_element[1],$time_element[2],$date_element[1],$date_element[2],$date_element[0]);

$nowTime = time();

$showtime = date(“北京時間Y年m月d日H:i:s”,$date-$nowTime);

if($showtime=”北京時間1970年01月01日08:00:00″){

echo “happy new year”;

}

echo $showtime;

2.zidong.php:

代碼如下:

/head

body

h1Ajax動態顯示時間/h1

input type=”button” value=”開始顯示時間” id=”go” onclick=”start()” /

p當前時間：font color=”red”span id=”showtime”/span/font/p

/body

script type=”text/javascript”

var xmlHttp;

function createXMLHttpRequest(){

if(window.ActiveXObject){

xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);

}

else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest();

}

}

function start(){

createXMLHttpRequest();

var url=”getTime.php”;

xmlHttp.open(“GET”,url,true);

xmlHttp.onreadystatechange = callback;

xmlHttp.send(null);

}

function callback(){

if(xmlHttp.readyState == 4){

if(xmlHttp.status == 200){

document.getElementById(“showtime”).innerHTML = xmlHttp.responseText;

setTimeout(“start()”,1000);

}

}

}

/script

/html

在瀏覽器裡面直接訪問zidong.php就可以了，點擊裡面的按鈕就可以看到效果。

這個就是用ajax做的刷新頁面局部內容的小例子。你可能會懷疑：這裡面沒有跟數據庫交互啊？這還不簡單，直接在getTime.php頁面裡面操作就可以啦。

這種方法就不用多說了吧。至於ajax裡面的代碼是什麼意思，不要問我啦，我之前就說過，這裡面的ajax還是有點深的。

第二種方法：使用iframe方法實現。

不要給我說用PHP 的include可以啊。你去試試吧。可以，可以就不會有那麼多人在百度裡面問了。

這種方法呢說起來複雜，其實還是挺簡單的。說下原理吧：

要刷新的頁面中把要自動刷新的局部的代碼單獨拿出來，做成一個獨立的頁面，自動刷新有很多種方法：可以在這個獨立頁面中用javascript來控制，什麼setTimeout(“start()”,1000);啊或者setInterval(“start()”,1000);（每隔1秒刷新頁面）這樣，還可以用meta標籤實現：meta http-equiv=”Refresh” content=”10″（每隔10秒刷新頁面）。這樣在原來的頁面中用iframe來將它調用過來。這樣就可以了。

PHP頁面怎麼完成局部刷新

這跟 PHP 無關，是ajax技術，jQuery對其進行了封裝，使用也相當方便。不過要實現這個技術你得對js相當熟悉才能得心應手的使用。否則只能別用了，全部代碼是不太可能了，下面是核心的代碼：

$.ajax({

type: “POST”,

url: “/layout/set/popup/content/collectedinfo/”+$(“#home-poll-node-id”).val(),

async: false,

data: $(“#home-right-poll”).serialize(),

success: function( responseText ){

$(“#poll-result”).css({

“border”: “solid 1px #cccccc”,

“padding”: “10px”,

“margin-top”: “1px”

});

$(“#poll-result”).show();

$(“#poll-result”).html( responseText );

$(“#poll-content”).hide();

$(“#home-right-poll .loading”).hide();

}

});

別的東西還得你自己寫了。

php點擊刷新局部頁面怎麼實現？

$.post(“../xxx.php”,{},function(data){

    var html = “li”+data.name+”/li”;

    $(“#ullist”).append(html);

},’json’);