0

我正在尝试做一个基本的getJSON()，但我相信我没有得到任何结果。

这是我的 HTML/js

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Management Sheet</title>
        <meta name="description" content="  ">
        <meta name="keywords" content="   ">
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                    $.getJSON("config.json",function(result){
                        $.each(result, function(i, field){
                            $("div").append(field + " ");
                        });
                    });
                });
            });
        </script>
    </head>

    <body>
        <section>
            <button>Actually Click me</button>
        </section>
        <div>
        </div>
    </body>
</html>

和我的 json

{
    'line1':'Mike B so cool',
    'line2':'Type your namasd',
    'line3':'763-345',
    'num_rows':'15',
    'num_cols':'3',
    'bgColorPage':'#f08008',
    'bgColorFilled':'#08f008',
    'bgColorEmpty':'#6f00ff'
}

当我单击我的按钮时，我没有收到任何错误，但我的 div 没有附加任何内容。

4

3 回答 3

1

尝试

{
   "line1": "MikeBsocool",
   "line2": "Typeyournamasd",
   "line3": "763-345",
   "num_rows": "15",
   "num_cols": "3",
   "bgColorPage": "#f08008",
   "bgColorFilled": "#08f008",
   "bgColorEmpty": "#6f00ff"
}

使用上面的json对象并查看。

您的代码是完美的，您的代码在 json 中使用上述对象并测试它没有任何问题，您可以保证成功。

于 2013-02-23T04:53:36.750 回答
0

尝试使用 text();

$.getJSON("config.json",function(result){
    $.each(result, function(i, field){
        console.log();
        $("div").text(field + " ");
    });
});
于 2013-02-23T04:42:53.757 回答
0

我尝试了您的脚本，但我不知道为什么，但是如果您将单引号更改为双引号作品：

 {
  "line1":"Mike B so cool",
  "line2":"Type your namasd",
  "line3":"763-345",
  "num_rows":"15",
  "num_cols":"3",
  "bgColorPage":"#f08008",
  "bgColorFilled":"#08f008",
  "bgColorEmpty":"#6f00ff"
 }
于 2013-02-23T04:58:26.940 回答