如何在<img>或<a>標籤中存儲信息以便稍後發送？

Question

我在標籤這個img標籤我用了一個滑塊，其中：

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

我想要的電影添加到PHP滑塊，我知道怎麼做，但我怎麼發信息關於電影到一個PHP文件，當他們點擊圖像？

就像我有一個movie.php文件，我可以通過GET獲取信息，但是如何在點擊電影時將這些信息存儲併發送到該php文件，這將是一個img標籤。

Answer 1

您可以將數據屬性添加到您的標籤。

例如：

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

您可以設置任意數據屬性容易使用jQuery的：

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

數據 - *屬性使得我們能夠存儲標準的額外信息， 語義沒有其他黑客的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); 
    } 
}); 

請注意，你需要用你的點擊事件中的代碼。