当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 几种不刷新页面取数据的方法

Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
JavaScript 撑出页面文字换行
JavaScript 高级语法介绍
Javascript 表格操作实现代码
javascript 获取鼠标的绝对位置 event
Input 特殊事件onpopertychange和oninput
javascript 一段左右两边随屏滚动的代码
JS 分号引起的一段调试问题
根据服务器时间作为起始,显示时钟的小程序
js 匿名调用实现代码
javascript 缓冲效果 实现代码
javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码
javascript 获取radio的value的函数 [已测]
Javascript 代码也可以变得优美的实现方法
使弱类型的语言JavaScript变强势
js 单引号 传递方法
利用WebBrowser彻底解决Web打印问题(包括后台打印)
web 页面分页打印的实现
可以拖动的div 实现代码
WordPress 照片lightbox效果的运用几点

Javascript 中的 几种不刷新页面取数据的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 428 ::
收藏到网摘: n/a

以下是几种常用的方法,当然取数据的后缀名可以为.asp,.jsp等等的带参数url.

1.
<script language="JavaScript">
function loadXml(url){
 var loXML = new ActiveXObject("MSXML.DOMDocument");
 loXML.async = false;
 loXML.load(url);
 return loXML.xml;
}
</script>
<input type="button" value="loadXML方法" onClick="alert(loadXml('data.txt'))">

-- data.xml --- //数据是XML格式
<XML/>


2.
<input type="button" value="loadJS方法" onClick="loadJS('data.js')">
<script id="getNewText"></script>
<script language="JavaScript">
function loadJS(url){
 getNewText.src = url;
}
function setData(s){
 alert(s)
}
</script>

-- data.js ---  //数据是js脚本赋的变量或直接执行得到结果
setData("ABC");


3.
<input type="button" value="loadFrame方法" onClick="loadFrame('data.html')">
<script language="JavaScript">
function loadFrame(url){
 document.all.getData.src = url;
}
function setData(s){
 alert(s)
}
</script>
<iframe id="getData" style='display:none;'></iframe>

-- data.html -- 
<script>
parent.setData("ABC")
</script>