使Ajax调用超链接

时间:2012-10-30 11:13:59

标签: javascript ajax

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

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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