首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Ajax的HTML链接

使用Ajax的HTML链接
EN

Stack Overflow用户
提问于 2011-12-13 00:08:00
回答 5查看 45.2K关注 0票数 5

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

我使用<a href>标记是因为我想让它看起来像一个link....Can,我使用这个标记来调用Ajax函数?或者它只适用于URL链接?

谢谢!

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-12-13 00:26:31

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

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

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

票数 2
EN

Stack Overflow用户

发布于 2011-12-13 00:14:32

我就是这么叫我的。我给元素起了一个类名,比如'clickable‘,然后使用Jquery的click函数。

代码语言:javascript
复制
$('.clickable').click(function() {
   //do ajax
});

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

之后,我使用Jquery的$.post方法,这是ajax的简写版本,并在用户使用id单击该链接时完成所需的任何调用。

当然,在我的例子中,我从不使用锚标记,我只是创建一个按钮,或者将. click应用于我想要添加ajax调用的元素,但您可以将“链接”括在span或div中,以模拟相同的效果。

希望这能在某种程度上有所帮助。

票数 4
EN

Stack Overflow用户

发布于 2011-12-13 00:20:07

代码语言:javascript
复制
<a href="#" onclick="function()">Text</a>

或者甚至像他们写的那样,使用jquery

代码语言:javascript
复制
<a href="#" id="blabla">Text</a>

<script type="text/javascript">
$(document).load(function(){
  $('#blabla').click(function(){
  alert("Clicked");
  });
});
</script>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8477190

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档