时间戳

首页 > 解决方案 > 如何将 JSON.parse 值插入 DOM

javascript - 如何将 JSON.parse 值插入 DOM

问题描述

如何将从 ajax 请求获得的 JSON 值附加到元素？以下是我将其解析为 JSON 后的结果值。

{
"result": "success",
"action": "",
"message": "<option value='1'>30 days</option><option value='2'>60 days</option>"
}

这是元素

<select>
    <span id="o_p"></span>
</select>

我尝试过$('#o_p').append(res.message)res 是之后得到JSON.parse(AJAX_result)的值，但 select 的值仍然为空

标签： javascriptjqueryjson

解决方案

您的 HTML 无效。

  • Aspan不能是 a 的子元素select。
  • Anoption不能是 a 的子元素span。

删除span. 将消息附加到select.

const AJAX_result = `{
"result": "success",
"action": "",
"message": "<option value='1'>30 days</option><option value='2'>60 days</option>"
}`;

const res = JSON.parse(AJAX_result);

$('select').append(res.message)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select></select>

推荐阅读