本文目录一览:
- 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');