读取 json 并将内容放入 div答案

【问题标题】：read json and put content to div读取 json 并将内容放入 div
【发布时间】：2011-04-04 22:37:00
【问题描述】：

我需要像这样读取 json：

{"error_message":"Only post requests are allowed","reservations":null,"error_code":1}

并将结果放入 3 个不同的 div 中。我正在查看此代码Best way to display data via JSON using jQuery 更改 json 链接并链接 jquery 的外部资源，但我找不到问题出在哪里。谢谢

这是我的实际代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.getJSON("./reservations.json",function(data){
        $.each(data, function(i,post){
            content += '<h3>' + error_message + '</h3>';
            $(content).appendTo("#error_message");
        });
    });  
});

</script>
</head>
<body>
    <div class="container">
        <div id="error_message"></div>
        <div id="reservations"></div>
        <div id="error_code"></div>
    </div>
</body>
</html>

【问题讨论】：

尝试发布您的代码，以便我们更好地帮助您:)

标签： jquery json

【解决方案1】：

content += '<h3>' + error_message + '</h3>';

content 和 error_message 都没有在任何地方定义，所以这条线不起作用。

尝试使用：

var content = '<h3>' + post.error_message + '</h3>';

另外，如果 JSON 与问题中显示的完全一样，则不需要$.each。

var content = '<h3>' + data.error_message + '</h3>';
$(content).appendTo("#error_message");

【讨论】：

实际上 error_message 也没有在任何地方定义.. 在原始代码中使用 data.error_message 应该可以正常工作
@Mvision：谢谢。我在打字后也意识到了这一点。我更新了我的答案。

【解决方案2】：

假设您的 JSON 存储在变量中：

var json = {"error_message":"Only post requests are allowed","reservations":null,"error_code":1};

假设你的 3 个divs 是

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

如果您想将错误消息放入每个divs：

$('#div1, #div2, #div3').text(json.error_message);

【讨论】：

我认为您可以帮助解决我的 json 相关问题。我必须从两个 json 文件中检索 json 值并附加到两个 div（test.txt 到 div1 和 test2.txt 到 div2），我该怎么做？我在代码上苦苦挣扎了 2 天。这是发布的问题：stackoverflow.com/questions/6260370