AjaxLib是一個非常小巧的Ajax架構,可以在網上直接下載(http://www.karaszewski.com/tools/ajaxlib/)。並匯入到頁面中:
<script type="text/javascript" src="js/ajaxlib.js"></script>
該架構是一個直接擷取xml的架構,調用函數如下:
loadXMLDoc(url,callback,boolean); 其中url為請求的地址,callback為請求成功後返回之後調用的函數:boolean表示是否需要去掉xml文檔中的空格,true為去掉空格。
採用AjaxLib架構返回的XML文檔儲存在全域變數resultXMl中,可以在decodeXML中編寫程式對其進行分析:
頁面代碼如下:
<html>
<head>
<title>javaLib.html</title>
<script type="text/javascript" src="js/ajaxlib.js"></script>
<script type="text/javascript">
function decodeXML(){
var oTemp=resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML=oTemp[0].firstChild.nodeValue;
}
</script>
</head>
<body>
<h3>Testing ajaxLib</h3>
<form>
<input type="button" value="display" onclick="loadXMLDoc('ajaxLib.jsp',decodeXML,false)" />
</form>
<div id="targetID">the fetched data will go here</div>
</body>
</html>
伺服器端代碼如下:
<%
response.setContentType("text/xml");
String xml="<temp>Hello world</temp>";
response.getWriter().write(xml);
%>
運行效果如下: