jquery ajax读取xml

最新推荐文章于 2021-08-06 02:29:39 发布

zhiming_817

最新推荐文章于 2021-08-06 02:29:39 发布

阅读量119

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： XML Ajax jQuery JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/zhiming_817/article/details/83557682

ajax 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用jQuery AJAX方法从XML文件中加载数据并解析其内容的示例。通过点击事件触发AJAX请求，获取XML文件中的msg元素，并读取每个元素的content和name属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xml.html

<html>
 <head>
  <script type="text/javascript" src="jquery-1.4.1.js"></script>
  <script type="text/javascript">
   $(document).ready
   (
     function() 
     {
       $("a").click
       (
        function() 
        {
           hello();
        }
       ); 
     }
   );

function hello(){
$.ajax({ 
                url:"xml.xml", 
                dataType:"xml", 
                error: function(xml){ 
                    alert('Error loading XML document'+xml); 
                }, 
                success:function(xml){ 
                alert($(xml).find("content").text());
                    $(xml).find("msglist > msg").each(function(){ 
                        alert($(this).find("content").text());//each是循环执行，即多次弹出。 
                        alert($(this).attr("name"));//取得属性的方法 
                    }); 
                } 
            })
}

 


   </script>
 </head>
 
 <body>
  <a onclick='alert("helloworld")' href="#" >helloworld</a>
  
 </body>
 
</html>

xml.xml

<msglist> 
  <msg name="11"> 
    <id>1</id> 
    <content>content1</content> 
  </msg> 
  <msg name="22"> 
    <id>2</id> 
    <content>content2</content> 
  </msg> 
</msglist>