javascript - 使用 javascript 或 jquery 提交链接，无需刷新页面

Question

我有一个调用保存 session 的 API 的链接。假设我的 API 出现在 http://www.example.net 上我的链接如下:

 <a href="http://www.example.net" >Click here </a>

现在我不想刷新页面。只需使用 JQuery 或 Javascript 简单地执行链接并给出类似“操作成功”的警报。我不认为使用 AJAX 有何意义，因为我不需要任何数据库操作。谢谢

Answer 1

AJAX 的重点不是执行数据库操作，而是与服务器通信而不需要重新加载页面。我认为您的描述符合使用 AJAX 的条件，因为您确实希望从服务器得到答案，并且您不想重新加载页面。

您还可以打开一个 iframe 或一个新窗口，但 ajax 可能是这里的解决方案。

请记住，当您单击 anchor 时，您需要取消该事件。

所以，使用 ajax 你可以这样:

$('a').on('click', function(e) {
  e.preventDefault;
  var href = this.getAttribute('href');
  $.ajax({
    url: href,
    success: function(text) {
      alert(text);
    }
  });
});