如何将 Javascript 变量传递给 JSON？

Question

我是一个编码新手，正在努力学习！我已经使用以下方法将查询参数传递给 Javascript 变量...

const queryString = window.location.search;
console.log(queryString);
const urlParams = new URLSearchParams(queryString);
var name = urlParams.get('id')

...现在想将它传递到 JSON，在下面的 div 中

<div class="review-form" data-site-uuid="xxxxxx" data-form-uuid="xxxxxx" data-prefill='{"firstName":name}'
></div>

...这样我的参数最终将填充在评论表中。

非常感谢任何帮助！

我最初尝试将 javascript 变量传递到字段中，然后才意识到它是 JSON。

Answer 1

我假设当你的 JavaScript 代码运行时，目标

div

已经存在于页面中，并且它可以通过

id

或 CSS 选择器进行唯一识别。如果是这样：

1. 找到元素（如果您使用的是document.getElementById

   ，则通过

   id，否则通过

   document.querySelector

   ）。
2. 通过创建一个带有

   name

   作为其

   firstName

   属性的对象来创建 JSON，然后使用

   JSON.stringify

   获取该对象的 JSON：

   JSON.stringify({firstName: name})

   .
3. 通过data-prefix设置setAttribute
属性

例如，if这是唯一具有类

review-form

（或第一个）的元素：

const element = document.querySelector(".review-form");
const json = JSON.stringify({firstName: name});
element.setAttribute("data-prefix", json);

您也可以使用

element.dataset

对象而不是

element.setAttribute

方法，但对于初学者来说，我现在会坚持使用简单的

setAttribute

。