怎么在jQuery中利用Ajax读取XML数据-创新互联

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

成都创新互联是专业的榆次网站建设公司,榆次接单;提供成都网站制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行榆次网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

具体如下:

<%@ 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数据的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联成都网站设计公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:怎么在jQuery中利用Ajax读取XML数据-创新互联
链接地址:http://scyanting.com/article/dooedc.html

其他资讯