如何在<img/>或<a> tag to send later?</a>中存储信息

Question

我在一个标签中有这个img标签，我正在滑块中使用：

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

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

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

Answer 1

您可以在代码中添加数据属性。

例如：

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

您可以使用 jQuery ：

轻松设置任何数据属性

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

  

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

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

* AJAX GET使用jQuery [更新]

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

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