以文本方式查看主题

-  爱心论坛  (http://zqax.net/bbs/index.asp)
--  平面设计 网页设计  (http://zqax.net/bbs/list.asp?boardid=43)
----  [分享]jquery+ajax加载xml文件到页面  (http://zqax.net/bbs/dispbbs.asp?boardid=43&id=1883207)

--  作者:明天我休息
--  发布时间:2018/11/14 12:00:37
--  [分享]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>


--  作者:明天我休息
--  发布时间:2018/11/14 12:01:47
--  
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+"
"); }) } }) }) })
--  作者:明天我休息
--  发布时间:2018/11/14 12:02:16
--  
其中url执行xml文件,DataType为xml,append实现接着填充...