您的位置：首页 > 其它

一个最简单的ajax例子

2008-04-30 17:37 495 查看
-------ajax.jsp--------
<%@ page language="java" pageEncoding="GB18030"%>
<html>
<head>
<title>A simple AJAX example</title>
<script type="text/javascript"><!--
function findAuthor(file){
var xmlObj = null;
if(window.XMLHttpRequest){ //if(window.XMLHttpRequest)处理了浏览器是mozilla的情况，
xmlObj = new XMLHttpRequest();
} else if(window.ActiveXObject){
//而if(window.ActiveXObject)则处理了浏览器为IE的情况，目的都是一个：创建一个XMLHttpRequest对象，
//创建这个对象的目的就是让XMLHttpRequest对象与服务器交互，而不影响用户正在浏览的页面
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
} else {
return;
}
xmlObj.onreadystatechange = function(){ //创建好XMLHttpRequest对象之后，调用的函数将会监听该对象状态的变化，即onreadystatechange属性
if(xmlObj.readyState == 4){ //xmlhttprequest对象有五个状态，示例中我们在该对象处于完成状态是进行处理
updateObj('author', xmlObj.responseXML.getElementsByTagName('name')[0].firstChild.data);
}
}
xmlObj.open ('get', file, true); //'GET'指明了http调用方法，file指明了条用的url;true指明了该调用是异步处理
xmlObj.send (''); //xmlobj.serd(para)向服务器发出请求。是以post向服务器发出request
}
function updateObj(obj, data){
var textNode = document.createTextNode(data);
document.getElementById(obj).appendChild(textNode);
}
//--></script>
</head>
<body>
<h1>A simple AJAX program</h1>
<p id="obj">This page is powered by <a id='link' href="data.xml" title="View the author."
onclick="findAuthor('data.xml'); this.style.display='none'; return false">
看到作者.</a><span id="author" style="color: olive; font-weight: bolder"></span></p>
</body>
</html>
-----------data.xml--------
<?xml version= "1.0" encoding= "UTF-8" ?>
<author>
<name>王志泉</name>
</author>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航