帮助从 json 编码数据附加 html 数据

Question

我无法从 json 字符串获取 html 数据，以便在 jquery post 之后正确附加。

我遇到的问题是斜杠没有从 html 中删除，因此选择列表没有显示，并且 html 输出不正确。 之后解析数据

我尝试在 I以下是我的 json 字符串

{"type":"success","list":"<li id=\"item-1><p>Test<\/p><p><select name=\"steps\">\n<option value=\"3\">Step 1<\/option>\n<option value=\"2\">Step 2<\/option>\n<option value=\"6\">Step 3<\/option>\n<option value=\"5\">Step 5<\/option>\n<\/select><\/p><\/li><li id=\"item-18><p>Testinggg<\/p><\/li>"}

：这是它的创建方式：

jQuery.ajax({
    success: function(data) {
        if (data)
        {
            if(data.type =='success') {
                jQuery("#item-list").append(data.list);
            }
        }
    },
    type: 'POST',
    data: {items: JSON.stringify(data)},
    dataType: 'json',
    url: "/action/create/" 
});

在 php 中：

$data = array(
    'type' => 'success',
    'list' => $list
);

echo json_encode($data);

Answer 1

没有人恐慌，只是语法错误

您在数据中缺少 item-1 和 item-18 之后的结束 \"。这会导致附加到 DOM 时出现解析错误。它工作正常： http://jsfiddle.net/RMnLG