ajax를 사용하여 xml 파일을로드하면 정의되지 않음이 표시됩니다.

Question

ajax를 사용하여 xml 파일의 컨텐츠를로드하는 동안 "undefined"onload가 표시됩니다. 페이지를 새로 고치면 내용이 표시됩니다.

다음은 올바른 일을 내 코드

$.ajax({ 
     type: "GET", 
     url: "xml/FIB.xml", 
     dataType: "xml", 
     success: function(xml){ 
      var titletext=$(xml).find('Quiz').children().attr("name"); 
      $(".title_text").append(titletext); 
      $(xml).find('question').each(function(){ 
        nooffib=$(this).find("ques").length; 

         for(var a=0;a<nooffib;a++){ 
         n=$(this).find('ques').eq(a).text(); 
         questionarray[a]=n.replace("[blank]","<input id='"+a+"'type='text' class='blanktextbox' onkeyup='btnvisible()'/>"); 

        } 
      }) 
     } 
    });  

Answer 1

아마 정의되지 않은 것은 당신이 참조한 DOM 요소가 당신이 Ajax 호출을 할 때 아직 생성되지 않았다는 것을 의미합니다. 새로 고친 후, "#your_selector"요소가 생성 될 것입니다. 문서 준비가 완료되거나 특정 일정이 지난 후에 실행 해보십시오. #your_selector는 AJAX 호출을하기 전에 생성 된 경우, 즉 버튼의 클릭이 확인 :

$("#your_selector").on("click", function(event){ 
//execute your ajax call 
}); 

또는

는

$("#your_selector").live("click", function(){ 
    //execute your ajax call 
}); 

또는

$(document).ready(function() { 
     //execute your ajax call 
}); 

전체를 예로들 수 :

function test(){ 
    $.ajax({ 
    type: "GET", 
    url: "xml/FIB.xml", 
    dataType: "xml", 
    success: function(xml){ 
     var titletext=$(xml).find('Quiz').children().attr("name"); 
     $(".title_text").append(titletext); 
     $(xml).find('question').each(function(){ 
       nooffib=$(this).find("ques").length; 

        for(var a=0;a<nooffib;a++){ 
        n=$(this).find('ques').eq(a).text(); 
        questionarray[a]=n.replace("[blank]","<input id='"+a+"'type='text' class='blanktextbox' onkeyup='btnvisible()'/>"); 

       } 
     }) 
    } 
}); 
} 

$("#your_selector").live("click", function(){ 
    test(); 
}); 

Answer 2

입니다. 그러나 당신이 제공 한 URL이 정확하지 않습니다. url을 변경하여 문제를 해결하십시오.