Javascript 如何将信息存储在<;img>;或<;a>;要稍后发送的标签?
我在一个a标签中有这个img标签,我在滑块中使用这个标签:Javascript 如何将信息存储在<;img>;或<;a>;要稍后发送的标签?,javascript,php,html,Javascript,Php,Html,我在一个a标签中有这个img标签,我在滑块中使用这个标签: <a href="#" class="movie"><img src="images/1.png" alt="image01"></a> 我想在php中向滑块添加电影,我知道如何做到这一点,但是当他们单击图像时,如何将有关电影的信息发送到php文件 就像我有一个movie.php文件,我可以通过get获取信息,但是当他们单击电影时,我如何存储信息并将信息发送到该php文件,这将是一个img标记。
<a href="#" class="movie"><img src="images/1.png" alt="image01"></a>
我想在php中向滑块添加电影,我知道如何做到这一点,但是当他们单击图像时,如何将有关电影的信息发送到php文件
就像我有一个movie.php文件,我可以通过get获取信息,但是当他们单击电影时,我如何存储信息并将信息发送到该php文件,这将是一个img标记。您可以在标记中添加一个数据属性 例如:
<a href="#" data-movie="The Godfahter" class="movie"><img src="images/1.png" alt="image01"></a>
数据-*属性允许我们存储标准的额外信息,
语义HTML元素,没有其他黑客,如classList,
非标准属性、DOM上的额外属性或setUserData
如果您不知道数据属性,请检查
*使用jQuery获取AJAX[更新]
$.ajax({
type: 'GET',
url: '../movie.php',
data: { id: $(this).data('id') },
success: function(data){
alert(data);
}
});
请注意,您需要将此代码包装在单击事件中。如果jquery对此有一个简单的答案,我可以用它来检查答案,我已经更新了代码,其中包括如何使用jquery发出AJAX请求的示例。
$.ajax({
type: 'GET',
url: '../movie.php',
data: { id: $(this).data('id') },
success: function(data){
alert(data);
}
});