网络编程
位置:首页>> 网络编程>> JavaScript>> 页面无刷新调用数据(IFRAME+js)

页面无刷新调用数据(IFRAME+js)

 来源:domino的专栏 发布时间:2009-06-01 11:29:00 

标签:iframe,无刷新,数据

在网上有很多相关主题的讨论,但是一般都是用Iframe和XMLHTTP来实现。

Iframe的实现可能是最常看到的。很多论坛和聊天室的无刷新效果都是用这个实现的。但是这个方法还是可以在IE的状态栏上看到下载数据的进度条,而且有刷新数据时电脑发出的声音,本质上不能属于真正的无刷新技术。

XMLHTTP相信也有很多人用过,但是出于对浏览器的兼容性要求,还有很多网友的浏览器屏蔽了对控件的支持,使得XMLHTTP在客户端的应用显得比较苍白无力了。一般都是在服务器端应用得比较多。

现在开始说说我自己的思路吧:

刚开始我也是用Iframe来实现的,但是一听到那个讨厌的刷新声,心里就不是滋味,于是我想,既然Iframe可以通过改变它的src属性,那JS也可以啊,而且JS请求跟Iframe的请求方式是不一样的,至少在刷新效果是不一样的。所以我就开始从这个念头入手。现在给出代码让大家参考。

程序代码: 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<script language="javascript" type="text/javascript"> 
<!--关键在这个函数--> 
function GetData(url) 

        try 
        { 
                DataLoad.src = url; 
        } 
        catch(e) 
        { 
                return false; 
        } 

</script> 
<script id="DataLoad" language="javascript" type="text/javascript" defer></script> 
</head> 
<body> 
<input type="button" name="Submit" value="请求" onClick="GetData(’dataload.aspx’)"> 
</body> 
</html>


这个是主页面的代码,dataload.aspx这一个页面就是请求的页面,在这里可以包含很多的逻辑,跟调用普通的JS文件一样,这些具体只要知道javascript的应该都不难理解。

0
投稿

猜你喜欢

  •     這兩天﹐對xml作為數據庫產生了興趣﹐找了一些資料﹐也搞出了一點眉目﹐在這里記錄一下。算是對自己學習x
  • 这个问题我在给新云CMS升级时遇到了,按照升级步骤做完,后台登录时,出现“HTTP 错误 500.100 - 内部服务器错误 - ASP 错
  • 在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行
  • default-character-set=gbk #或gb2312,big5,utf8 然后重新启动mysql 运行->servic
  • 问题: 1.购物车中的数据是否应该存储在数据库中? 我特别想知道在真正的项目中,那些真正的软件工程师是如何考虑这个问题的。在Google上一
  •     有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2
  • 99bill: 1.md5.asp 代码如下:<% '''''''&
  • 严格控制Session可以将不需要Session的内容(比如帮助画面,访问者区域,等等)移动到关闭Session的独立ASP应用程序中。在基
  • 在所有信息技术领域,网页设计、网站设计长期是个几乎搞不清楚的、弱势的、被边缘化的职能职位。但近些年发展中,不断有远见卓识的从业者认识到,“设
  • 1、通过探测Flash Player的版本,来决定显示Flash内容还是替换内容,避免了过时的Flash插件影响Flash内容的正常显示。2
  •  URL 编码是什么东东呢?看看我从网上抄的定义:      引用: url编码是一种浏览器用来打包
  • 摘要:本文介绍了有关数据表的优化技巧,主要内容有,选择表的类型,打开尽量少的表,锁定表与查询速度的关系以及如何优化表以达到提高查询速度的目的
  • XML被设计用来描述数据,其焦点是数据的内容。HTML被设计用来显示数据,其焦点是数据的外观。    
  • 为什么能实现在线编辑呢? 首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态,就是利用这个编辑状态,然后用javascript 来控
  • 这是一个给新手学习代码的帖子,包含以下内容:如何使用UBB代码,如何用js与剪贴板交互,如何使用textRange对象,如何使用自定义的快捷
  • 1.用CSS实现布局让我们一起来做一个页面,首先,我们需要一个布局。请使用CSS控制3个div,实现如下图的布局。考察应试者的基本布局知识—
  • 一、出错情况 有些时候当你重启了数据库服务,会发现有些数据库变成了正在恢复、置疑、可疑等情况,这个时候DBA就会很紧张了,下面是一些在实践中
  • ASP错误大全 Microsoft VBScript语法错误(0x800A03E9)-->内存不足 Microsoft VBScript语法
  • 在处理css的机制上,IE总是有很多让人吐血的举动,但对于他们现在的改进力度还是值得高兴的。就拿对伪类:hover的支持来说,IE7+终于添
  • 译者newstart写的简介:Ross Dawson所在的Future Exploration Network于2007年5月发布的web2
手机版 网络编程 asp之家 www.aspxhome.com