执行链接而不刷新页面[重复]

Posted 2023-02-24

【中文标题】执行链接而不刷新页面[重复]

【英文标题】：Execute Link without page refresh [duplicate]

【发布时间】：2012-11-15 15:01:16

【问题描述】：

可能重复：using jquery $.ajax to call a php function

我有几个链接（全部不同），我想在不链接任何地方的情况下执行它们。与其他问题不同，我不想使用表单发送任何数据，也不想每次单击链接时都喜欢同一个页面，我只想运行与链接关联的 php 脚本，但留在页面上用户当前处于开启状态。阿贾克斯？ jQuery？

【问题讨论】：

许多示例/教程可用：google.com/search?q=ajax+examples

【参考方案1】：

<a class="ajaxLink" href="myScript.php">Ajaxed link</a>

http://api.jquery.com/jQuery.ajax

$('.ajaxLink').click(function(e)
  e.preventDefault(); // Prevents default link action
  $.ajax(
     url: $(this).attr('href'),
     success: function(data)
       // Do something
     
  );
);

jQuery ajax 的默认方法是 GET，但您可以更改它。阅读上述链接中的可用选项。

【讨论】：

谢谢，但是一页会有多个链接，所以使用类不会导致链接之间的“混乱”吗？

它将您的 ajax 链接与您的正常链接分开...其结果是清晰，而不是混乱...