如何在锚标记中调用AJAX函数

时间:2016-02-06 16:30:11

标签: javascript jquery html ajax onclick

我是AJAX的新手。当我使用onclick()事件单击按钮时,我想调用AJAX函数。这是onclick()事件

调用的AJAX函数
function onclickFunction(aId){
    $.ajax({
        type: "get",
        url: "like_audio",
        data: {
            aId:aId
        },
        success: function (data){
            alert(data);
        },
        error: function (xhr, ajaxOptions, thrownError){

        }
    });
    return false;
}

这就是我调用onclick()事件的方式

<a href="" onclick=onclickFunction(id)

2 个答案:

答案 0 :(得分:5)

只需在onclick内获取使用返回,这将阻止重新加载。

<a href="" onclick="return onclickFunction('id')">a</a>

作为替代方案,您可以使用

<a href="javascript:onclickFunction('id')">a</a>

答案 1 :(得分:0)

<a href="#" onclick="onclickFunction('theid');">Click Me</a>

将运行该函数,并将值传递给'theid'

在您的示例中,您没有完整的href,即使它是正确的,您也可能没有ID值传递给它。如果我这样做:

点击我

我基本上说,全局范围内有一个名为 id 的变量,找到它的值并将其传递给函数 - 如果你的页面上确实存在类似的变量,那么它会起作用,但我不知道是否有。