📄 17-3.htm

📁 php 和 ajax 开发的一些资料

💻 HTM

字号:

<html>
<head>
<title>
使用DOM属性与方法解析返回的XML
</title>
<script language="javascript">
var xmlHttp;										//定义变量
function process(type1)
{
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");		//创建对象
  type=type1;
  //alert(type);
  xmlHttp.onreadystatechange=handle_f;					//定义句柄函数
  xmlHttp.open("GET","17-3.xml",true);					//打开请求
  xmlHttp.send(null);								//向服务器发送请求
}
function handle_f()
{
  if(xmlHttp.readyState==4)							//如果传递完成
  {
    if(xmlHttp.status==200)							//如果服务器返回OK
    {
      if(type=="all")
      {
        var xmlDoc=xmlHttp.responseXML;				//返回XML内容
        var result;
        result=xmlDoc.getElementsByTagName("member");	//获取所有人物
        output("列表中的所有人物",result);
      }
      else
      {
        var xmlDoc=xmlHttp.responseXML;				//返回XML内容
        var m_node;
        m_node=xmlDoc.getElementsByTagName(type)[0];	//获取指定内容节点
        result=m_node.getElementsByTagName("member");		//获取指定人物
        output(type+"中的人物",result);
      }
      //解析从服务器返回的字符串
    }
    else											//如果服务器没有返回200
    {
      alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);
    }
  }
}
function output(title,content)
{
  var out=title;
  var current_member=null;
  for(var i=0;i<content.length;i++)
  {
    current_member=content[i];
    out=out+"\n"+current_member.childNodes[0].nodeValue;
  }
  alert(out);
}
</script>
</head>
<body>
<input type="button" value="查看全部人物" onclick="process('all')"><p>
<input type="button" value="查看西游记人物" onclick="process('西游记')"><p>
<input type="button" value="查看封神榜人物" onclick="process('封神榜')"><p>
<input type="button" value="查看三国演义人物" onclick="process('三国演义')"><p>
<input type="button" value="查看水浒传人物" onclick="process('水浒传')">
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -