Ajax 读取 XML 文件中的数据源代码

来源：互联网发布：淘宝汽车坐垫四季通用编辑：程序博客网时间：2024/06/07 09:14

废话不多说，代码如下：

Ajax.jsp代码

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<html>
<head>

<script language="javascript">
  var xmlHttp;
  function createXMLHttp(){
   if(window.XMLHttpRequest){
    xmlHttp = new XMLHttpRequest();
   }else{
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
  }

  function getInfo(){
   createXMLHttp();
   xmlHttp.open("POST", "allarea.xml");
   xmlHttp.onreadystatechange = getCityCallback ;
   xmlHttp.send(null);
  }

  function getCityCallback(){

   if(xmlHttp.readyState == 4 ){
    alert("------OOO--");
    if(xmlHttp.status == 200){
     var allarea = xmlHttp.responseText;
     alert(allarea);
    }
   }
  }

</script>

</head>

<body onload = "getInfo()">
<form action="" method="post">

</form>

</body>
</html>

allarea.xml 文件

<?xml version="1.0" encoding="UTF-8"?>
<allarea>
<area>
  <id>1</id>
  <title>北京</title>
</area>
<area>
  <id>2</id>
  <title>上海</title>
</area>
<area>
  <id>3</id>
  <title>深圳</title>
</area>
</allarea>