当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > ajax 不错的应用

AJAX技术
通过PHP和Sajax使用Ajax之JavaScript
更正用AJAX实现IE TREE无刷新取值的方法
基于PHP和AJAX创建RSS聚合器
用 PHPRPC 实现 Ajax 级联下拉菜单
Ajax & XMLHttpRequset
Ajax简单客户登陆验证
AJAX之xmlHttp
漫谈Ajax在.Net中的使用
一個Ajax.NET的查詢實例
使用AJAX技术打造博客无刷新搜索引擎
AJAX、AJAX实例及AJAX源代码(asp)
利用Ajax传递Xml文档
利用PHP+JavaScript打造AJAX搜索窗
Ajax无刷新实现图片切换特效
迁移你的Web页面到ASP.NET AJAX 1.0
初步了解 ASP.NET AJAX 扩展
Ajax程序中,自己实现页面前进、后退、与标签功能
在虚拟主机上部署ASP.NET AJAX 1.0 Beta的程序集
asp.net ajax 1.0,hello world程序
asp.net ajax学习系列功能强大的UpdatePanel控件

AJAX技术 中的 ajax 不错的应用


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

<script type="text/javascript" language="javascript">

var http_request = false;

function makeRequest(url) {

http_request = false;

if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}

if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('GET', url, true);
http_request.send(null);

}

function alertContents() {

if (http_request.readyState == 4) {
if (http_request.status == 200) {
alert(http_request.responseText);
} else {
alert('There was a problem with the request.');
}
}

}
</script>
<span
style="cursor: pointer; text-decoration: underline"
onclick="makeRequest('test.html')">
Make a request
</span>

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]