从XML获取数据并通过jquery ajax进行迭代

时间:2016-02-11 10:00:33

标签: jquery ajax

我正在尝试使用每个循环一个接一个地获取多个zip名称,但是当点击相应的类名时,我得到的是循环中的最终zip。任何人都可以帮助我。

XML文件:

<navigation>
    <link>
        <targetLink>.home</targetLink>
        <destination>home.zip</destination>
    </link>
    <link>
        <targetLink>.ref</targetLink>
        <destination>reference.zip</destination>
    </link>
    <link>
        <targetLink>.sumarry</targetLink>
        <destination>symarry.zip</destination>
    </link>
</navigation>

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>ajax call</title>
</head>
<body>
    <div class="sumarry">Left Menu1</div>
    <div class="ref">Left Menu2</div>
    <div class="home">Left Menu3</div>
</body>
</html>

Java脚本:

$(document).ready(function(){
    var targetLink="";
    var destination="";
       $.ajax({
            type: "GET",
            url: "navigation.xml",
            cache: false,
            dataType: "xml",
            success: function(data) {
                 $(data).find('link').each(function(){
                    var targetLink = $(this).find("targetLink").text()
                    destination = $(this).find('destination').text();
                    $(document).on("click", targetLink, function() {
                        document.location = veeva:gotoslide(destination);
                    })
                });
                }

        });
});

我正在获取类名,但是当我点击相应的类名时,它会将我带到最后一个zip文件。任何人都可以帮助我如何获得每个类名的相应目标zip文件。

提前致谢....

0 个答案:

没有答案