Question

我有一个链接列表，并希望使用ajax来识别已点击的链接，并根据点击的链接在同一页面上的指定容器中加载文件。例如：

链接1 链接2 链接3

如果单击链接1中的任何一个，则获取link1.html并将其放置或如果点击链接3中的任何一个，则获取link3.html并放置它。

Answer 1

如果你使用jQuery，你可以使用.load()方法：

$(function() {
    $('a').click(function() {
        $('#resultDiv').load(this.href);
        return false;
    });
});

使用普通的javascript，您可以使用getElementsByTagName方法获取所有锚点，然后订阅onclick事件并在内部发送ajax请求：

window.onload = function() {
    var links = document.getElementsByTagName('a');
    for(var i = 0; i < links.length; i++) {
        links[i].onclick = function() {

            var url = this.href;

            // TODO: use the url to send an AJAX request

            return false;
        };
    }
};

确定已单击的链接，并根据单击的链接使用ajax加载特定页面

1 个答案: