在 ajax 调用中传递 href

在一些 web 应用程序中，我们可能需要使用 ajax 技术来异步加载一些数据。通常情况下，我们会使用一个链接来触发异步请求。然而，如果我们需要传递一些额外的参数，该如何实现呢？

一种解决方案是向 URL 中添加参数。这种方式可能会导致一些麻烦，例如需要 URL 编码、死链等。一个更好的解决方案是在链接的属性中设置自定义值。

<a href="#" data-ajax-url="/api/some-data">Trigger Ajax Request</a>

我们可以使用 jQuery 来获取这个链接的属性值，并且发送一个异步请求。

$('a').on('click', function(e) {
  e.preventDefault();
  var url = $(this).data('ajax-url');

  $.ajax({
    url: url,
    method: 'GET'
  }).done(function(data) {
    // handle data
  });
});

这里我们使用了 data 函数来获取链接的属性值，然后使用 $.ajax 方法向指定的 URL 发送一个 GET 请求。在成功返回数据后，我们可以根据需要处理数据。

这样做的好处是，我们可以轻松地将需要传递的参数添加到链接的属性中，而不需要修改 URL。同时，也没有 URL 编码问题。此外，我们还可以使用任意的 HTTP 方法，而不仅仅是 GET 或 POST。

总结一下，如果我们需要在 ajax 调用中传递额外的参数，可以将这些参数通过链接的属性传递。然后，在 JavaScript 中获取这些属性，并使用相应的方式向目标 URL 发送异步请求。