如何将动态数据嵌入到 JSON 字符串中

Posted 2023-03-25

【中文标题】如何将动态数据嵌入到 JSON 字符串中

【英文标题】：How to embed dynamic data into a JSON string

【发布时间】：2021-11-24 18:08:08

【问题描述】：

我正在开发一个与 JW Playe API 交互的 React 应用程序。 API 希望我以 JSON 格式发送数据。问题是我需要将动态输入数据嵌入到该 JSON 字符串中。我不知道该怎么做。请帮帮我。

这是 JSON 对象：

const data =
      ' "upload":  "method": "fetch", "download_url": I NEED TO PUT DATA COMING FROM REACT STATE (Input) HERE , "metadata": "title": "My Fetch Video", "author": "Dzenis H." ';

【问题讨论】：

你能解释一下你的问题吗？这部分“动态输入数据”对我来说不是很清楚......但是对于编辑 JSON，您可以使用 JSON.parse() 和 JSON.stringfy() 从 JSON 获取值并将对象转换为有效的 JSON

@MohammadEsmaeilzadeh 我需要将来自 html 输入元素的数据放入 JSON 字符串中。

【参考方案1】：

你可以这样写：

const App = () => 
  const [url, setUrl] = useState('');
  const data = ' "upload":  "method": "fetch", "download_url": "I NEED TO PUT DATA COMING FROM REACT STATE (Input) HERE" , "metadata": "title": "My Fetch Video", "author": "Dzenis H." ';

  const updateJson = () => 
    let parseData = JSON.parse(data);
    parseData.upload.download_url = url;
    let converted = JSON.stringify(parseData);
    console.log(converted);
  

  return (
    <div>
      <input type="text" value=url onChange=e => setUrl(e.target.value) />
      <button onClick=updateJson>Update</button>
    </div>
  )