javascript - ajax中的json响应是正确的，但内容没有更新？

Question

我有一个像这样调用的脚本:

success: function(json) {
        if(json.valid == 1) {

            // some other show/hide here that works correctly
            $("#div-response-" + id).html(json.message);

        }
        else {
            // some other show/hide here that works correctly
            $("#div-response-" + id).html(json.message);
        }
    }

并返回如下响应:

{"valid":"1","message":"<span class=\"icon color-red\"><\/span>"}

或

{"valid":"0","message":"<span class=\"icon color-black\"><\/span>"}

HTML 代码是:

<div id="div-response-<?=$id;?>" data-id="<?=$id;?>"></div>

出于某种原因，我不明白为什么......一切正常，直到 div 应该更新信息。它只是保持空状态。

Answer 1

如果您不在 ajax 参数中使用 JSON 类型，请使用 jQuery.parseJSON() 函数将服务器的响应转换为 JSON。

json = jQuery.parseJSON(json);