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

Javascript
javascript 异常处理使用总结
ExtJS扩展 垂直tabLayout实现代码
JavaScript 新手24条实用建议[TUTS+]
PNG背景在不同浏览器下的应用
实现超用户体验 table排序javascript实现代码
利用JQuery为搜索栏增加tag提示
JQuery 前台切换网站的样式实现
WordPress JQuery处理沙发头像
js form 验证函数 当前比较流行的错误提示
JQuery 无废话系列教程(一) jquery入门 [推荐]
jQuery 表单验证插件formValidation实现个性化错误提示
JQuery 入门实例1
jQuery 可以拖动的div实现代码 修正版
javascript DOM对象的学习实例代码
css 二级菜单 实现代码集合 修正版
ExtJS GTGrid 简单用户管理
jQuery DIV弹出效果实现代码
Javascript 调试利器 Firebug使用详解六
深入javascript json QQ网页登陆
类似新浪网的 弹出视频功能实现代码

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


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