重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、首先这个页面是php页面,还要确定这个页面是提交到本页面的,设置 表单的 action="",或者设置action=“#”,或者不写action 都是提交到本页面的
创新互联公司成立与2013年,是专业互联网技术服务公司,拥有项目网站制作、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元北林做网站,已为上家服务,为北林各地企业和个人服务,联系电话:13518219792
2、创建一个表单,写入几个文本输入框,并设置name值,一定要设置name,最后还要有一个提交按钮
3、在最上面开始写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来将它调用过来。这样就可以了。
jquery+ajax可以很容易实现啊,通过settimeout(function(),5)去触发函数就行,与通过点击发送请求没区别啊。
setInterval(function(){
jQuery.ajax({
type:"POST",
url:"111.php",
global:false,
dataType:"json",
data:"action=ajax",
success:function(data){
jQuery("p").html(data.shopid);
},
error:function()
{
alert("err:操作错误");
}
})
}, 2000);
php部分更简单
if($_POST['action']=='ajax'){
$result=$db-get_one("select * from shtq_shop order by rand() limit 1");
echo json_encode($result);exit;
}
原理很简单 setInterval() 定时执行一个ajax,后台部分执行数据库查询 获得json格式数组
通过回调函数将返回的内容插入到p/p中
JavaScript code?
12345678910var et = setInterval(function(){ $.ajax({ type: "GET", url: "获取数据的 url", dataType: "html", success: function(data){ alert(data); } });},1000)
ajax把增加的数据传到后台,保存成功的话就然后查询数据库,把当前分页的内容读取,再传回前台,前台先关掉弹出的页面,然后用js或者jq把原来表格的内容直接干掉,然后在把新查询的数据循环出来用js或者jq写成表格到相应位置啊,还是很好实现的
网页一般是单向主动短链接,实时更新实在有些不便,即使一方掉线,另一方也不能及时感知。一般所谓的实时刷新,大多采用定时刷新(轮询),或长轮询的方式做,ajax用于更新数据确实是比较简单方便的。
轮询你就settimeout,长轮询你就每次接收数据成功后,再来一次长轮询。但你链接别人的数据,了解一下供应商的刷新机制、周期再做考虑。
当然这些都是伪实时,真的实时用http协议是不合适的,你得用flash插件做。而你用的是api供应商的东西,这条路就基本走不通了。