技术文章AJAX
来源:互联网 发布:什么是读写分离 mysql 编辑:程序博客网 时间:2024/05/02 02:05
利用ajax实现无刷新更新数据
show.html //客户端
<script language="JavaScript">
function GetResult() {
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.open("POST","rand.php",false);
http_request.send();
var strResult = http_request.responseText;
RemoveRow(); //删除以前的数据.
num1 = strResult; //字段num1的值
row1 = tb.insertRow();
cell1 = row1.insertCell();
cell1.innerText = num1;
}
function RemoveRow() {
//保留第一行表头,其余数据均删除.
var iRows = tb.rows.length;
for(var i=0;i<iRows-1;i++) {
tb.deleteRow(1);
}
}
function MyShow() {
//2秒自动刷新一次,2秒取得一次数据.
timer = window.setInterval("GetResult()",2000);
}
</script>
<body onload="MyShow()">
<p>
</p>
<table width="47%" height="23"border="0" cellpadding="1" cellspacing="0" id="tb">
<tr>
<td>num1</td>
</tr>
</table>
get.php //服务端
<?
echo rand();
?>
- 技术文章AJAX
- AJAX应用的详细探讨的技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 技术文章
- 2007最受欢迎的十大Ajax技术文章(转载)
- 2007最受欢迎的十大Ajax技术文章
- 2007最受欢迎的十大Ajax技术文章
- 2007最受欢迎的十大ajax技术文章
- 2007最受欢迎的十大Ajax技术文章
- 收藏一个AJAX技术文章比较多的网站
- CSDN: 2007最受欢迎的十大Ajax技术文章,怎么都是IBM的
- sssssssssssssssss
- Nokia提供的手机游戏以及内容的市场和渠道资料
- 可变类与不可变类(1)
- 2007/01/25 星期四 晴
- 不可变类的缓存
- 技术文章AJAX
- 一个很好的DIV层显示控件
- struts2.0的预览版及简单使用
- 基于接口的工厂模式的三层架构
- struts2学习笔记
- 将DBF,XLS,XML,MDB文件导入C#DataGrid的方法,
- Struts教程-Struts模块化编程教程
- linux一句话问答
- Oracle的函数vsize和length的区别讨论