怎么在jQuery中利用Ajax读取XML数据-创新互联-绵竹浩晨建站

新闻中心

这里有您想知道的互联网营销解决方案

怎么在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);
          }
        });
      });
    });
  


  
  Display My Friends

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://tyjierui.cn/article/dooedc.html

新闻中心

其他资讯