gpt4 book ai didi

javascript - 将 json 存储为变量以便在另一个函数中重用

转载 作者:行者123 更新时间:2023-11-30 13:07:09 26 4
gpt4 key购买 nike

我正在学习 jQuery,我想了解如何在不发出第二个请求的情况下重新使用 ajax json 数据。

例如

类别选择框:

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

当使用 jQuery("#Categories").change(function(){... 更改类别时,ajax 调用获取请求将提取以下 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 数据可重用的任何想法?

最佳答案

您可以使用 .data() 将任意数据与 DOM 元素相关联.在获取 JSON 后,使用以下内容存储它:

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

然后用这个检索它:

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

关于javascript - 将 json 存储为变量以便在另一个函数中重用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15258693/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com