怎么在jQuery中利用Ajax读取XML数据-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

怎么在jQuery中利用Ajax读取XML数据

怎么在jQuery中利用Ajax读取XML数据?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

公司主营业务:做网站、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出平房免费做网站回馈大家。

具体如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="JqueryAjax_Default" %>



  www.jb51.net jQuery使用ajax获取xml
  
  
  
  
    $(document).ready(function () {
      $("#Display").click(function () {
        $("#message").html('');
        $.ajax({
          type: "GET",
          url: "Friend.xml",
          dataType: "xml",
          success: function (ResponseText) {
            var table = "firstnamelastnamecity";
            $(ResponseText).find('friend').each(function () {
              var first = $(this).find('firstName').text();
              var last = $(this).find('lastName').text();
              var city = $(this).find('city').text();
              table += "" + first + "" + last + "" + city + "";
            })
            table += "";
            $("#message").append(table);
          }
        });
      });
    });
  


  
  
 
 
  

Friend.xml:



  
    
      Guo
      Hu
    
    
      Shanghai       PuDong     
  
              Lei       Hu        
      hubei       xiantao     
  
              JunWen       Li          
      hubei       wuhan     
  
              Jinhao       Liu          
      ShanXi       Taiyuan     
  
              Cheng       Fang          
      GuangDong       GuangZhou     
  

运行结果:

怎么在jQuery中利用Ajax读取XML数据

看完上述内容,你们掌握怎么在jQuery中利用Ajax读取XML数据的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章标题:怎么在jQuery中利用Ajax读取XML数据
浏览地址:http://kswsj.cn/article/ihdojs.html

其他资讯