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

Question

如何将从 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 仍为空

Answer 1

您的 HTML 无效。

• span 不能是 select 的子元素。
• option 不能是 span 的子元素。

删除span。将消息附加到选择。

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>