javascript - 如何使用 jQuery 的 ajax 方法在点击事件/链接上传递数据？

Question

使用“老派”javascript，您可以将 ID 作为内联函数调用中的参数(onclick="my_function(28)" 或类似函数)，并使用服务器提供的 ID -边代码。

使用“新派”javascript，函数调用是从元素中抽象出来的，那么如何传递ID呢？

我的猜测是:

<a id="28" class="do-something" href="#">Do something</a>

$('a.do-something).click(function(event){

  element_id = $(this).attr('id');

  $.get('something.php', { id: element_id });

  return false;

});

您是否使用过/见过什么惯例或最佳实践？

[更新:添加 return false; ]

Answer 1

通常对于这样的事情，我只会使用 HREF 来存储 jQuery 处理程序应使用的 URL:

<a class="do-something" href="something.php?id=28">Do something</a>

$('a.do-something).click(function(event){
  $.get($(this).attr('href'));
  return false;
});

这样 ID 仍然可以存在，以防 CSS 需要它。另外，如果您需要将多个参数发送到 php 函数中，您不必担心，它就像通常一样都是 URL 的一部分。

返回 false 会阻止浏览器在单击链接时实际转到该链接。