javascript - 收到 AJAX 响应后如何操作数据

Question

大家好，我正在建立一个音乐下载网站，为用户提供下载歌曲的服务。让我们透露一下整个场景。我有一个菜单，其中每个菜单项都有一个链接，并且每个链接都被赋予了一个唯一的 ID。根据单击的链接，在 id 的帮助下，我正在准备参数，该参数是要下载的文件的绝对路径，并且我使用 ajax 检索该参数，并在其中获取显示在表格中的响应数据。但我无法操纵通过ajax 获得的这些数据。请帮助我。

我的代码如下所示:我在每个菜单单击上调用此函数，它获取电影歌曲请求的绝对路径。

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 为每首歌曲都有一个 anchor 标记，但我无法单击该链接。请帮助我..

Answer 1

xmlhttp 对象有一个名为responseText 的属性，它是服务器发回的文本(如果有)。

onReadyStateChange 函数当前将 id 为“placeholder”的元素的innerHTML 设置为接收到的文本，但您可以对 xmlhttp 对象的responseText 执行任何操作。例如，如果您有一个 loadVideo 函数，它可以根据服务器发回的内容加载视频，您可以这样调用它:

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