.ajax를 사용하여 XML 읽기

Question

XML 파일에서 변수를 읽으려면 다음 코드를 작성했습니다. 변수가 Highchart 그래프로 전달되지 않고 왜 그 이유가 확실하지 않습니다. 변수 대신 숫자를 삽입하면 그래프가 올바르게 작동합니다.

Answer 1

$(function() {})

<script> 
 

 
    $.ajax({ 
 
     type: "GET", 
 
     url: "data.xml", 
 
     dataType: "xml", 
 
     success: function(xml) { 
 
     $(xml).find('height').each(function(){ 
 
      var johnheight = $(this).find('john').text() 
 
      var mikeheight = $(this).find('mike').text() 
 
     }); 
 
     } 
 
    }); 
 
    
 
    $(function() { 
 
    var myChart = Highcharts.chart('graph', { 
 
     chart: { 
 
      type: 'bar' 
 
     }, 
 
     title: { 
 
      text: null 
 
     }, 
 
     xAxis: { 
 
     categories: [''], 
 
     }, 
 
     yAxis: { 
 
      title: { 
 
       text: null 
 
      } 
 
     }, 
 
     series: [{ 
 
      name: 'John', 
 
      data: [johnheight] 
 
     }, { 
 
      name: 'Mike', 
 
      data: [mikeheight] 
 
     }] 
 
    }); 
 
    }); 
 
    </script>

는 $.ajax() 전화를 기다리고하지 않고 변수는 .each() 내에서 정의된다. 당신은 내가 $ .holdReady 방법에 대해 알고 당신의 대답은 이제 의미가 .each()

$.holdReady(true); 

var johnheight = mikeheight = void 0; 

$.ajax({ 
     type: "GET", 
     url: "data.xml", 
     dataType: "xml", 
     success: function(xml) { 
     $(xml).find('height').each(function(){ 
      johnheight = $(this).find('john').text(); 
      mikeheight = $(this).find('mike').text(); 
      return false; 
     }); 
     $.holdReady(false); 
     } 
    }); 

$(function() { 
    var myChart = Highcharts.chart('graph', { 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: null 
     }, 
     xAxis: { 
     categories: [''], 
     }, 
     yAxis: { 
      title: { 
       text: null 
      } 
     }, 
     series: [{ 
      name: 'John', 
      data: [johnheight] 
     }, { 
      name: 'Mike', 
      data: [mikeheight] 
     }] 
    }); 
    });