javascript - 更改数据属性 json 值

Question

我想更改 json 数组的特定值。详细信息我有这个dom:

<input class="fileupload" type="file" data-form-data='{"table_reference": "data_monitoring", "table_token" : "X43sd"}'>         

我知道如何使用 jquery 使用此代码更新数据属性:$(this).attr('key', 'value')

但是如何更改数据属性中的特定键，例如上面的dom我需要更改 table_token 值

谢谢你的建议

Answer 1

您可以将 .data() 与属性引用一起使用，以将特定属性设置为一个值

$(".fileupload").data().formData.table_token = 123;

console.log($(".fileupload").data().formData);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="fileupload" type="file" data-form-data='{"table_reference": "data_monitoring", "table_token" : "X43sd"}'>

如果需要设置 data-* 将反射(reflect)在 HTML 中，您可以使用 HTMLElement.dataset

var new_token = "abc";

let data = JSON.parse($(".fileupload")[0].dataset.formData);

data.table_token = new_token;

$(".fileupload")[0].dataset.formData = JSON.stringify(data);