AJAX动态获取当前时间
利用AJAX动态获取当前时间,客户端time.php,服务器端time_check.php
客户端代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态显示时间</title>
</head>
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
else{
alert("创建请求失败");
}
}
function sendRequest(){
createXMLHttpRequest();
url = "time_check.php";
xmlHttp.onreadystatechange = callback;
xmlHttp.open('GET',url,true);
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState ==4){
if(xmlHttp.status == 200){
document.getElementById("time").innerHTML = xmlHttp.responseText;
setTimeout("sendRequest()",1000);
}
}
}
</script>
<body>
<input type="button" value="check it" onclick="sendRequest();" />
<br/>
<span id="time"></span>
</body>
</html>
服务器端代码:
<?php
header("cache-control:no-cache,must-revalidate"); //取消php页面缓存的设置
header('Content-type: text/html;charset=GB2312');
$showtime = date("北京时间Y年m月d日H:i:s");
echo $showtime;
?>
相关文档:
概念:当位于UpdatePanel控件外部的某个控件的特定事件被触发时就引发异步回送并局部更新UpdatePanel控件的内容。
它的好处是:我们只需把需要更新的数据控件放在UpdatePanel控件里,而不需要更新的控件我们就把它放在UpdatePanel控件的外面,如此一来,才可以有效的降低往返于WEB服务器的数据量,并顺势降低WEB服务 ......
<mce:script language=javascript><!--
//注册命名空间
Type.registerNamespace("Demo");
Demo.Message=function(content,publishTime)
{
this._content = content;
this._publishTime = publishTime;
}
Dem ......
使用js调用XMLHttpRequest进行ajax通讯时,如果服务器端要传递的数据中有中文时,我们的解决办法。
1、页面:
一般在页面我们为了方便,最好使用UTF-8编码。
2、服务器端:
我们在服务器端的代码里面对response对象的设置如下:
//设置response的编码
......
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。
例如 :
  ......