javascript - 让Ajax取消超链接

Question

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

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

Answer 1

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

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

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();
}

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