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

Javascript
document.createElement()用法及注意事项
Javascript教程:关于内存泄漏问题
延迟事件为0的setTimeout的真正目的
JavaScript图片特效代码下载
AJAX初学:IE缓存页面的问题
AJAX中DOM的操作方法
AJAX中文乱码的两类问题
javascript程序的执行效率问题
网页用户注册界面的设计
ajax应该如何应用?
详解Javascript匿名函数的使用
Ajax:研究密码强度规则(仿google)
JavaScript学习教程
网页制作中常用的Javascript代码
深入学习Javascript函数
JS的Object类的属性和方法
Javascript初学者实例教程(1):简单交互
Javascript初学者实例教程(2):event对象和事件
Javascript初学者实例教程(3):数组和slice()方法
Javascript初学者实例教程(4):对象和构造方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 396 ::
收藏到网摘: 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>