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

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

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

具体如下：

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



  
  
  
  
  
    $(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
 
 

  
    
      Guo
      Hu
    
    

      Shanghai
      PuDong
    
  
  
    
      Lei
      Hu
  
    

      hubei
      xiantao
    
  
  
    
      JunWen
      Li
    
    

      hubei
      wuhan
    
  
  
    
      Jinhao
      Liu
    
    

      ShanXi
      Taiyuan
    
  
  
    
      Cheng
      Fang
    
    

      GuangDong
      GuangZhou