使用jquery的ajax取xml_$.ajax 获取xml-优快云博客

本文链接：https://blog.youkuaiyun.com/manx00/article/details/5768930

xml文件
myfile.xml
<?xml version="1.0" encoding="utf-8" ?>
<List>
  <CB cname="北京" cid="1">
    <CS cname="北京" cid="364">北京市</CS>
  </CB>
  <CB cname="天津" cid="2">
    <CS cname="天津" cid="365">天津市</CS>
  </CB>
  <CB cname="上海" cid="3">
    <CS cname="上海" cid="364">上海市</CS>
  </CB>
  <CB cname="重庆" cid="4">
    <CS cname="重庆" cid="365">重庆市</CS>
  </CB>
</List>

页面文件xml.php
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>xml运用</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$.ajax({
  type:"post",
  url:"myfile",
  dataType:"xml",
  error:function(){
   alert("错了");
  },
  success:function(xml){
   $(xml).find("List").each(function(){
    var cb = $(this).find("CB").each(function(){
     var cs = $(this).find("CS").text();
     $("#show").append("<font color=red>" + cs + "</font>
");
    });
   });
  }
});
});
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
***************************************************************************
使用$.GET
$(document).ready(function(){
$.get("myfile",
  function(xml){
   $(xml).find("List").each(function(){
    var cb = $(this).find("CB").each(function(){
     var cs = $(this).find("CS").text();
     $("#show").append("<font color=maroon>" + cs + "</font>
");
    });
   });
  }
);
});
使用$.POST用法与$.GET一样。
**********************************************************
还可以一个一个的取
$(document).ready(function(){
$.ajax({
  type:"post",
  url:"myfile.xml",
  dataType:"xml",
  error:function(){
   alert("有错误！");
  },
  success:function(xml){
   $(xml).find("CB").each(function(){     //注意这儿是取的CB元素
     var cs = $(this).find("CS").text();
     alert($(this).find("CS").attr("cname"));     //标签属性
     $("#show").append("<font color=maroon>" + cs + "</font><hr />");   //显示在页面中
   });
  }
});
});