将JSON文件中的数据获取到jQuery中_Jquery_Json

将JSON文件中的数据获取到jQuery中

jquery json

将JSON文件中的数据获取到jQuery中,jquery,json,Jquery,Json,我试图将JSON文件中的数据加载到jQuery中，但什么也没发生。我的JSON文件定义有什么问题吗？或者jQuery函数被误用了吗？这是我的json文件 { "jQueryquiz" : [ { "title":"A", "answer":"asd" }, { "title":"B", "answer":"qwe" }, { "title":"C",

我试图将JSON文件中的数据加载到jQuery中，但什么也没发生。我的JSON文件定义有什么问题吗？或者jQuery函数被误用了吗？这是我的json文件

{ 
"jQueryquiz" :
 [
    {
        "title":"A",
        "answer":"asd"
        },
    {
        "title":"B",
        "answer":"qwe"
        },
    {
        "title":"C",
        "answer":"zxc"
    }
]   }

这是我的hmtl文件：

<html>
<head>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

    <script>
        $(document).ready(function(){
            $('.button').click(function(){
                $.getJSON('quiz.json',function(data){

                    var html="";
                    html+=data.jQueryQuiz[0].title;
                    $('#results').html(html);
                });

            });
        });
    </script>
</head>
<body>

        <input type="button" class="button" value="Start!"/>

        <div id="results">

        </div>



</body>


$（文档）.ready（函数（）{
$（'.button'）。单击（函数（）{
$.getJSON（'quick.json'，函数（数据）{
var html=“”；
html+=data.jqueryquick[0]。标题；
$（'#results'）.html（html）；
});
});
});

函数$.getJSON（）返回一个jqXHR对象，必须先解析该对象，然后才能访问数据

试试这个：

$.getJSON('quiz.json').done(function(data){
    var html="";
    html+=data.jQueryQuiz[0].title;
    $('#results').html(html);
});

getJSON（）的jQuery文档更详细地介绍了这一点

我的问题的解决方案是将json文件托管在像“myjson”这样的地方。原因正如旅行的技术人员所说，“你不能使用AJAX读取本地文件。”

你遇到了什么错误？quick.json文件在哪里？你不能只从操作系统读取文件-它们需要得到服务。没有错误..只是什么都没有发生。json文件和html文件在同一个文件夹中…在开发人员工具中打开控制台-页面上没有显示任何内容，这并不意味着没有错误：）对不起..%>\u是的。请参阅我上面的评论-您需要从某处（服务器、静态地址等）提供文件或其内容-您无法使用AJAX读取本地文件。