AJAX 응답으로받은 후 데이터를 조작하는 방법

Question

안녕하세요. 저는 사용자가 노래를 다운로드 할 수있는 음악 다운로드 웹 사이트를 만들고 있습니다. 전체 시나리오를 공개합시다. 각 menuItem에 링크가 있고 각 링크에 고유 ID가 부여 된 메뉴가 있습니다. 클릭 한 링크를 기반으로 ID의 도움으로 다운로드 할 파일의 절대 경로 인 매개 변수를 준비하고 응답 한 데이터를 테이블에 표시하는 아약스로 가져옵니다. 하지만 아약스를 통해 얻은이 데이터를 조작 할 수는 없습니다. 도와주세요.

내 코드는 다음과 같습니다. 이 함수는 MovieKR 요청의 절대 경로를 가져 오는 각 menuclick에서이 함수를 호출합니다.

function call(i) { 
    var xmlhttp; 
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } 
    else {// code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("placeholder").innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("POST", "./SongsDemoList.jsp?path=" + document.getElementById(i).value, true); 
    xmlhttp.send(); 
} 

이제 SongsDemoList에는 각 노래에 대한 앵커 태그가 있지만 링크를 클릭 할 수 없습니다. plz help me ..

Answer 1

xmlhttp 개체에는 서버가 보낸 텍스트 인 responseText라는 특성이 있습니다.

onReadyStateChange 함수는 현재 'placeholder'라는 ID를 가진 요소의 innerHTML을 수신 된 텍스트로 설정하지만 xmlhttp 객체의 responseText에는 아무 것도 할 수 있습니다. 예를 들어 서버에서 보낸 내용을 기반으로 동영상을로드 할 수있는 loadVideo 함수가있는 경우 다음과 같이 호출 할 수 있습니다.

xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     loadVideo(xmlhttp.responseText); 
    } 
}