导航:首页 > 编程语言 > phpajax刷新局部页面

phpajax刷新局部页面

发布时间:2024-07-31 07:17:25

① 怎样局部刷新网页

大体有两种方法:

一种方法是使用框架,每一个框架内都可以载入一个完整的网页,弊键而在框架所在的网页内,则会体现出“局部刷新”的效果。

另一种方法是使用Ajax,异步载入需要的数据后,使用JS对HTML文档 的DOM结构进行更改,实团搜现“局部刷新”的效果。

你可以在以下文章中了解具体知识:
参考资料:
【HTML框架】http://www.w3school.com.cn/html/html_frames.asp
【AJAX简介租或巧】http://www.w3school.com.cn/php/php_ajax_intro.asp

② 怎么用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>
<h1>Ajax动态显示时间</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的页面查询结果在本页显示,而不是另外一页显示

想要在本页显示,估计可以采用ajax,你可以先了解下它,然后找一下相关的例子。ajax是一种页面局部刷新技术,就是你可以使用js来获取一个页面的内容,然后动态地显示在页面上。
你可以看看jquery封装好的ajax方法,然后按照实例修改下你的代码,应该就可以实现你想要的效果了。
将ajax的请求url改写成另一个页面的地址,然后将返回的内容使用append等方法拼接到页面上就可以了。

④ php 使用 ajax局部刷新 实现查询功能

html文件如下:
<form>
名字:<input type="text" name="name" id="name" >

<input type="button" name="btn" id="btn" value="查询">

</form>
<script>
$(function(){
$("#btn").click(function(){
$.ajax({
"dataType": 'json',
"type": "POST",
"url": "ajax.php",
"data": {'name':$("#name").val()},//获取表单中id是name的值
"success": function(obj){//提交成功
alert(obj.msg);
},
"error":function(){//提交失败
alert('error');
}
});
})

})

</script>

ajax.php页面
<?php
$name = $_POST['name'];
//做数据库查询

//查询到数据存在,成功
if($success){
exit(json_encode(array('errno'=>0,'msg'=>'success')));
}else{
//查询不到数据,失败
exit(json_encode(array('errno'=>1,'msg'=>'error')));
}

⑤ 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();
}
});
别的东西还得你自己写了。

阅读全文

与phpajax刷新局部页面相关的资料

热点内容
什么算法治宣传 浏览:16
哪个app可以测温枪 浏览:17
macmongodbphp 浏览:322
php写游戏服务器 浏览:871
对立阵营插旗命令 浏览:363
java实现帕斯卡三角形算法 浏览:314
linux文件名限制 浏览:700
金税三期代理服务器地址是什么意思 浏览:429
多自变量拟合Python 浏览:452
文件夹加密总是失败 浏览:510
androiddexpathlist 浏览:624
要卸载己加密的文件怎么办 浏览:158
ping服务器ip地址失败 浏览:136
成都黑马程序员 浏览:637
成考app哪个好 浏览:702
linux当前线程id 浏览:342
哪个app支持扫花呗 浏览:838
着色器编译程序 浏览:583
怎样看app所属文件夹 浏览:543
如何把网页转化为pdf 浏览:719