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

js|数据|刷新|无刷新|页面

  在网上有很多相关主题的讨论,但是一般都是用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="请求" >
</body>
</html>

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

时间: 2024-08-03 23:01:24

页面无刷新调用数据(IFRAME+js)的相关文章

用javascript实现页面无刷新更新数据

javascript|数据|刷新|无刷新|页面 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将数据从服务器上读取出来,显得既专业,又高效. 下面我们就以

用javascript实现页面无刷新更新数据_AJAX相关

以下正文:  程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务 器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的 所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也 显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将 数据从服务器上读取出来,显得既专业,又高效. 下面我们就以一个验证用户是否被注册的情

【新手求助】有关在线编辑,页面无刷新对数据库中的数据进行操作.....

问题描述 如图所示:单击"编辑",显示"更新"和"取消","编辑"消失...同时姓名.年龄变为可输入状态对其进行更改.更改完成后显示"编辑"."取消"则不进行任何操作.要求页面无刷新+Jquery...在线等... 解决方案 解决方案二:在线等啊...各位大虾帮帮忙..解决方案三:使用一些第三方js库如:jqueryeasyui或者TrimPath解决方案四:引用1楼hchuser的回复

ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题_jquery

在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题. 总结一下解决办法: 在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,[即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况.为了不受缓存影响,可以这样做: IE访问策略: Internet选项--浏览历史记录--设置-- Int

PHP Ajax实现页面无刷新发表评论_php技巧

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助.    那么首先,我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,代码如下: var http_request=false;  function send_request(url){//初始化,指定处理函数,发送请求的函数    http_requ

PHP Ajax实现页面无刷新发表评论_AJAX相关

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助.   那么首先,我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,代码如下: 复制代码 代码如下: var http_request=false;   function send_request(url){//初始化,指定处理函数,发送请求的函数  

PHP Ajax实现页面无刷新发表评论

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助.   那么首先,我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,代码如下: 复制代码 代码如下: var http_request=false;   function send_request(url){//初始化,指定处理函数,发送请求的函数  

jquery ajax 局部无刷新更新数据的实现

 这篇文章主要对jquery ajax 局部无刷新更新数据的实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 要更新的页面    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

JQuery 实现页面无刷新

原文:JQuery 实现页面无刷新       对于JQuery实现页面无刷新的效果,即:应用这个JQuery这个组件,可以实现在页面上加载数据库中的数据信息,但是并没有给用户页面刷新的感觉,这样既可以有效的进行数据交互,也可以不妨碍用户的其他操作.(http://itred.cnblogs.com    itRed: it_red@sina.com)      在用JQuery实现页面无刷新的效果之前,我们需要掌握和了解一些基础知识,以方便我们在进行代码编写时更加的得心应手. 一.异步技术