使Ajax调用超链接

Question

有没有办法从超链接进行Ajax调用？

当有人使用javascript点击超链接时，我想更改div元素的内部html。

Answer 1

Ajax只是“你可以用JavaScript做的事情”

超链接可以像其他任何HTML元素一样绑定事件处理程序。

var links_in_document = document.getElementsByTagName('a');
var a_link = links_in_document[0];
a_link.addEventListener('click', a_function_that_does_something_ajaxy);

function a_function_that_does_something_ajaxy(e) {
    var xhr = new XMLHttpRequest();
    // etc
    e.preventDefault();
}

注意：此代码示例中不包含不支持标准的浏览器的兼容性例程。您应该添加一些（以及更明智的方法来确定您要定位的链接）。

Answer 2

<a href="javascript:yourAjaxFunctionName();">click</a>