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。将邮件追加到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>

如何将JSON.parse值插入DOM

1 个答案: