确定被点击该链接并加载特定页面与基于点击的链接

Question

我有一个链接列表，并想用AJAX来识别点击了基于链路上的链接在点击加载文件的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; 
     }; 
    } 
};