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

Javascript
MooTools教程(3):数组管理DOM元素
MooTools教程(4):函数和MooTools
MooTools教程(5):事件处理
MooTools教程(6):操纵HTML DOM元素
MooTools教程(7):设置和获取样式表属性
MooTools教程(8):输入过滤-数字
MooTools教程(9):输入过滤-字符串
MooTools教程(10):Fx.Tween渐变
MooTools教程(11):Fx.Morph、Fx选项和Fx事件
MooTools教程(12):Drag.Move来实现拖放
MooTools教程(13):正则表达式
MooTools教程(14):定时器和Hash对象
MooTools教程(15):滚动条(Slider)
浏览器对Cookie的限制
图片不间断滚动的特效代码详细讲解
Javascript教程:拖放效果研究
不唐突的JavaScript
JavaScript教程:图片切割效果
认识AJAX了解AJAX优点缺点和运用
网页投票系统中的限制

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


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