如何将信息存储在 <img> 或 <a> 标签中以供以后发送 - How can I store an information in an <img> or <a> tag to send later?

How can I store an information in an <img> or <a> tag to send later?

本文关键字：标签 img 信息存储 | 更新日期: 2023-09-27

我在滑块中使用的标签中有这个img标签：

<a href="#" class="movie"><img src="images/1.png" alt="image01"></a>

我想在 php 中将电影添加到滑块，我知道该怎么做，但是当他们单击图像时，如何将有关电影的信息发送到 php 文件？

就像我有一个电影.php文件，我可以通过GET获取信息，但是当他们单击电影时，我如何存储信息并将其发送到该php文件，这将是一个img标签。

您可以

向代码添加数据属性。

例如：

<a href="#" data-movie="The Godfahter" class="movie"><img src="images/1.png" alt="image01"></a>

您可以使用jQuery轻松设置任何数据属性：

$('a').data('movie', 'The Godfahter')

data-* 属性允许我们存储有关标准的额外信息，没有其他黑客（如classList）的语义HTML元素，非标准属性、DOM 上的额外属性或 setUserData。

如果您不了解数据属性，请查看 MDN 文档。

*AJAX GET Using jQuery [更新]

$.ajax({
  type: 'GET',
  url: '../movie.php',
  data: { id: $(this).data('id') },
  success: function(data){
    alert(data);
  }
});

请注意，您需要将此代码包装在点击事件中。