href属性を使用してメタデータを格納する方法は？

Question

私は、クリックするとポップアップウィンドウを開くhrefタグを持っています。

追加情報をhrefタグに保存して、ポップアップウィンドウからその情報を取得できます。

<a href="" class="js-stripe-button">Order</a> 

次の情報を保存する場合は、hrefタグ自体に保存できますか？

amount 
description 

私のjqueryのは、現在のようになります。クリックした要素から値を取得するための組み込みの方法はあり

$(".js-stripe-button").on("click", function(e){ 
    e.preventDefault(); 

    var amount = ??? 
    var description = ??? 
}(); 

？

Answer 1

にwindow.open()を呼び出して、クリックされた要素の.hrefでクエリ文字列を連結することができますので、同じようにそれを取得することができます「何か」を格納します。

<a href="" class="js-stripe-button" data-amount="10" data-description="My Description">Order</a> 

次に何を...スクリプトまたはサーバー側のコードを使用してフェッチdataset

var amount = element.dataset.amount; 

Answer 2

なぜデータ属性を使用できるのかをhrefに保存するのはなぜですか？

<a href="" data-amount="" data-description="" class="myThing">Order</a> 

その後、あなたは...

var a = document.querySelector('.myThing'); 

var amount = a.dataset.amount; 

var description = a.dataset.description; 

Answer 3

あなたがData Attributesを使用することができ、文字列

$(".js-stripe-button").on("click", function(e){ 
    e.preventDefault(); 

    var amount = ??? 
    var description = ??? 
    window.open(`${this.href}?amount=${amount}&description=${description}`); 
});