主题：[分享]jquery+ajax加载xml文件到页面

XML文件

 

<?xml version="1.0" encoding="utf-8" ?>
<Messages>
  <people>
    <ENName>lishuaibin</ENName>
    <CNName>李帅斌</CNName>
    <message>我叫李帅斌</message>
  </people>
  <people>
    <ENName>zhangxianbo</ENName>
    <CNName>张三</CNName>
    <message>我叫张三</message>
  </people>
  <people>
    <ENName>linsi</ENName>
    <CNName>林四</CNName>
    <message>我叫林四</message>
  </people>
  <people>
    <ENName>jiangwu</ENName>
    <CNName>姜五</CNName>
    <message>我叫姜五</message>
  </people>
  <people>
    <ENName>liuliu</ENName>
    <CNName>刘六</CNName>
    <message>我叫刘六</message>
  </people>
</Messages>

JavaScript代码 $(function () { $("#btnXml").click(function () { $.ajax({ url: "mes.xml", type: "POST", dataType: "xml", success: function (xml) { $(xml).find("Messages>people").each(function () { var ENName = $(this).find("ENName").text(); var CNName = $(this).find("CNName").text(); var message = $(this).find("message").text(); $("#loadXml").append(ENName+CNName+message+"
"); }) } }) }) })

其中url执行xml文件，DataType为xml，append实现接着填充...