• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 智能建站
  • 时代互联
  • 中国红网
  • 中资源!
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 网站开发 >> JavaScript >> 文章内容
 

精彩推荐

 
 

本类推荐文章

 
 

本类阅读排行

  • 网页常用特效整理:初级篇
  • 学习Ajax教程,详细了解Get与..
  • 网页常用特效整理:高级篇
  • 网页图片特效小技巧
  • 网页常用特效整理:中级篇
  • AS常用代码集锦
  • 用鼠标控制滚动的菜单条!(J..
  • 用js写的一个跑马灯
  • AS常用代码集锦
  • 在网页中控制wmplayer播放器
  • ajax中文乱码解决方法
  • XMLHTTPRequest的属性和方法..
  • 关于Ajax responseText 的一..
  • 理解JavaScript函数
  • Javascript 编程规范
  • 加快图片显示(JavaScript)
  • 用js实现select对div的隐藏与..
  • 用javascript的正则表达式来..
  • 显示客户端页面执行时间的代..
  • AJAX无刷新更新数据
 
 

AJAX无刷新更新数据

  • 日期:2007-12-04     人气:     出处:本站     作者: 站长整理
  • 字体大小:
  • 小
  • 中
  • 大

通过XMLHTTP发送请求,返回结果.

<script language="JavaScript">
function GetResult()
...{
/**//**//**//*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult();
*--------------- GetResult() -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-1 12:22
oBao.open("POST","foo.php",false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
var strResult = unescape(oBao.responseText);


//将字符串分开.
var arrResult = strResult.split("###");
RemoveRow(); //删除以前的数据.
//将取得的字符串分开,并写入表格中.
for(var i=0;i<arrResult.length;i++)
...{
arrTmp = arrResult[i].split("@@@");
num1 = arrTmp[0]; //字段num1的值
num2 = arrTmp[1]; //字段num2的值
row1 = tb.insertRow();
cell1 = row1.insertCell();
cell1.innerText = num1;
cell2 = row1.insertCell();
cell2.innerText = num2;
}
}

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>
<td>num2</td>
</tr>
</table>

相关文章
  • ASP实例:ASP+AJAX制作无刷新新闻评论系统
  • HTML网页中无刷新的更换CSS样式
  • 实现在AJAX下的前进、后退功能
  • 成功实现ajax,xmlhttp跨域访问
  • AJAX中文问题总结
  • ajax中文乱码解决方法
  • 关于Ajax responseText 的一点阐述
  • Ajax程序设计入门
  • AJAX技术介绍
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号  

感谢:点击网络 联网科技 天盈信息  提供服务器及带宽赞助