与Ajax的HTML链接

时间:2011-12-12 16:08:00

标签: html ajax

我有6个不同的链接,每个链接将调用不同的Ajax函数。

我使用<a href>标记,因为我希望它显示为链接....我可以使用此标记来调用Ajax函数吗?或者它只适用于URL链接?

谢谢!

5 个答案:

答案 0 :(得分:3)

这就是我称之为我的方式。我为我的元素提供了一个类名,例如'clickable',然后使用Jquery的click函数。

$('.clickable').click(function() {
   //do ajax
});

然后在函数中,我得到元素的id。 var id = this.id,这将获得元素的唯一ID。

之后我使用Jquery的$.post方法,ajax的简写版本,并完成当用户使用id点击该链接时需要进行的任何调用。

当然,在我的情况下,我从不使用锚标记,我只是制作一个按钮或将. click应用于我希望添加ajax调用的元素,但你可以只围绕“链接“用span或div来模拟相同的效果。

希望这有助于某种方式。

答案 1 :(得分:3)

<a href="#" onclick="function()">Text</a>

或甚至他们用jquery写的

<a href="#" id="blabla">Text</a>

<script type="text/javascript">
$(document).load(function(){
  $('#blabla').click(function(){
  alert("Clicked");
  });
});
</script>

答案 2 :(得分:2)

是的,您可以通过以下方式合并链接: - 在您的链接上,您可以撰写<a href="#" onclick="function()">...</a>

您可以在此处查看有关此主题的更多信息:

What is the difference between the different methods of putting JavaScript code in an ?

答案 3 :(得分:1)

您可以提取href属性的值并将其用于AJAX调用...

它实际上是处理它的方法..

答案 4 :(得分:1)

是的,如果应用任何客户端脚本函数(javascript或jquery),它将首先执行。