当前位置: 首页 > 面试题库 >

尝试使用JQuery加载本地JSON文件以在html页面中显示数据

袁凌
2023-03-14
问题内容

嗨,我正在尝试使用JQuery加载本地JSON文件以显示数据,但出现一些奇怪的错误。我可以知道如何解决这个问题吗?

<html>
 <head>
<script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(e) {
    $.getJSON( "priorities.json" , function( result ){
        alert(result.start.count);
    });
});
</script></head>
</html>

我只是在提醒JSON数据的数量。我的JSON文件与该html文件位于同一目录中,并且JSON字符串格式如下所示。

{
"start": {
    "count": "5",
    "title": "start",
    "priorities": [
        {
            "txt": "Work"
        },
        {
            "txt": "Time Sense"
        },
        {
            "txt": "Dicipline"
        },
        {
            "txt": "Confidence"
        },
        {
            "txt": "CrossFunctional"
        }
    ]
}
}

JSON文件名priority.json,错误为

未定义未捕获的Referenceerror优先级


问题答案:

就像jQuery API所说的:“使用GET HTTP请求从服务器加载JSON编码的数据。”

http://api.jquery.com/jQuery.getJSON/

因此,您无法使用该功能加载本地文件。但是,当您浏览Web时,您将看到在JavaScript中从文件系统加载文件确实很困难,如以下线程所述



 类似资料:
  • 问题内容: 我对JavaScript的了解很少(没有),或者对使用API​​的了解很多。但是,我想在我的网站上显示一些酒店评论,这些评论通过qype.com API提供。但是,我正在努力管理这一点。 这是我到目前为止的代码: 我的正文中有一个div,它要显示文本。 任何建议都收到了。 JSON可以在http://api.yelp.com/business_review_search?term=hi

  • 问题内容: 我正在尝试加载本地JSON文件,但无法正常工作。这是我的JavaScript代码(使用jQuery): test.json文件: 什么都没有显示,Firebug告诉我这是未定义的。在Firebug中,我可以看到它是好的且有效的,但是当我复制该行时,这很奇怪: 在Firebug的控制台中,它可以正常工作,并且我可以访问数据。 有人有解决方案吗? 问题答案: 是异步的,所以您应该这样做:

  • 问题内容: 我的问题很简单,我有一个名为new.json的文件,并且试图使用JQuery加载和显示数据。我一直在写JavaScript代码: 并且new.json中的数据如下所示: 问题答案: 如果您使用的是Chrome。因为Chrome不允许xmlhttprequest请求本地文件。因此,jQuery无法加载您的new.json 你可以加 --allow-file-access-from-fil

  • 我有返回Json格式数据的C#函数,函数如下 执行此操作时,我遇到以下错误: null

  • 问题内容: 我的硬盘驱动器上有一些html文件,我想使用jquery从中提取数据。使用cheerio可以做到吗?我已经尝试过为cheerio提供本地路径,但是它不起作用。我的一个想法是在节点中创建一个Web服务器,从html文件中读取内容,然后通过服务器将其通过管道传输到cheerio- 这会 问题答案: 输入的是html字符串,因此您需要自己阅读html内容:

  • 问题内容: 我正在尝试使用下面的确切结构来解析JSON文件。 我正在使用以下jQuery函数: 我做错什么了吗? 问题答案: 您没有访问正确的元素。不指向,它指向最外面的元素(是它的属性)。该数组包含在: 进一步说明: 如果仅访问属性一次,则无需创建局部变量(但当然,它可能更易读)。 虽然连续使用分号是没有错的,但这是不必要和令人困惑的(至少这使我感到困惑;)