1

私はjQueryを学んでおり、2回目のリクエストを行わずにajaxjsonデータを再利用する方法を知りたいと思っています。

例えば

カテゴリ選択ボックス：

<select id="Categories">
    <option value="Vegetables">Vegetables</option>
    <option value="Fruits">Fruits</option>
</select>

カテゴリがを使用して変更されるjQuery("#Categories").change(function(){...と、ajax呼び出しgetリクエストは次のajaxデータをプルします。

[{"Id":"1","Item":"Apples","PricePerKilo":"10.00"},
 {"Id":"3","Item":"Oranges","PricePerKilo":"12.00"}]

次に、[製品]選択ボックスが次のように更新されます。

<select id="Products">
     <option value="1">Apples</option>
     <option value="3">Oranges</option>
</select>

今私がやりたいのは、必要な重量の入力ボックスを用意することです。そうすれば、入力#weightの値が変更されたときに、合計ラベルも価格で更新されます。

jQuery('#weight').bind('input', function() { 
   jQuery("#total").text( "£ " + (jQuery('#weight').val() * SOMETHING ).toFixed(2) ); 
)};

何かに注意してください...これは次のようになります...

data.PricePerKilo WHERE data.Id = jQuery("#products").val();

jsonデータを再利用可能にする方法について何かアイデアはありますか？

4

1 に答える 1

4

任意のデータを。のDOM要素に関連付けることができます.data()。JSONをフェッチした後、以下を使用して保存します。

jQuery("#products").data('productData', myData);

次に、これで取得します。

var myData = jQuery("#products").data('productData');
于 2013-03-06T21:52:49.903 に答える