<p>ajax技术现在已经被广泛运用在web应用中，比如google地图，省市级联等等<br />
AJAX = Asynchronous JavaScript and XML.<br />
AJAX 是一种创建快速动态网页的技术。<br />
AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。</p>
<p><html><br />
<head><br />
<script type="text/javascript"> <br />
var xmlHttpRequest = null; <br />
function ajaxRequest()<br />
{<br />
if(window.ActiveXObject) // IE浏览器<br />
{<br />
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");<br />
}<br />
else if(window.XMLHttpRequest) // 除IE以外的其他浏览器<br />
{<br />
xmlHttpRequest = new XMLHttpRequest();<br />
}<br />
if(null != xmlHttpRequest)<br />
{<br />
var v1 = document.getElementById("value1").value;<br />
var v2 = document.getElementById("value2").value; <br />
// 准备向服务器发出一个请求 <br />
/*<br />
* GET方式向服务器发出一个请求<br />
* xmlHttpRequest.open("GET", "AjaxServlet?v1=" + v1 + "&v2=" + v2, true);<br />
*/ <br />
/*<br />
* POST方式向服务器发出一个请求<br />
*/<br />
xmlHttpRequest.open("POST", "AjaxServlet", true); <br />
// 当发生状态变化时就调用这个回调函数<br />
xmlHttpRequest.onreadystatechange = ajaxCallBack; <br />
// 使用post提交时必须加上下面这行代码<br />
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); <br />
// 向服务器发出一个请求<br />
xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2); <br />
}<br />
} <br />
function ajaxCallBack()<br />
{<br />
if(xmlHttpRequest.readyState == 4)<br />
{<br />
if(xmlHttpRequest.status == 200)<br />
{<br />
var content = xmlHttpRequest.responseText;<br />
document.getElementById("div1").innerHTML = content;<br />
}<br />
}<br />
} <br />
</script><br />
</head> <br />
<body><br />
<input type="button" value="get content from serve" onclick="ajaxRequest()"/><br><br />
<input type="text" id="value1"/><br><br />
<input type="text" id="value2"/><br />
<div id="div1"></div> <br />
</body><br />
</html><br />
复制代码<br />
服务端的servlet非常简单，就是响应给客户端一段文本内容。<br />
ajax技术的核心就是xmlHttpRequest，对于IE来说，因为其内核与其他浏览器不一样(Firefox, Chrome)，所以首先要判断一下使用的浏览器是否是IE<br />
if(window.ActiveXObject) // IE浏览器<br />
{<br />
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");<br />
} else if(window.XMLHttpRequest) // 除IE以外的其他浏览器<br />
{<br />
xmlHttpRequest = new XMLHttpRequest();<br />
}<br />
这样得到xmlHttpRequest以后，接下来的操作在上面代码里都有体现，流程无非就是像servlet发送请求，然后根据响应状态的转变调用回调函数，最后得到服务器端响应回来的数据，响应过来的既可以是xml文本，还可以是json数据或者是普通文本，</p>