单击时从json中选择

长角甲虫

我正在尝试使用jquery从json数组中选择一行。这就是我所拥有的:

$(document).ready(function() {

    $.getJSON( "js/collectie.json", function(data) {
        jsoncollectie = data;
    })

    $( "#collectie li" ).click(function(){

        var thumb_id = $(this).data("id");

        for(var i = 0; i < jsoncollectie.stoelen.length; i++){

            if(jsoncollectie.stoelen[i].ref == thumb_id){
                $("#detailimage").attr('src', jsoncollectie.stoelen[i].image);
                $("#detailimage").attr('title', jsoncollectie.stoelen[i].title);
                $("#title").html('<h4> '+jsoncollectie.stoelen[i].naam+' </h4>');
                $("#secondaryimage").attr('src', jsoncollectie.stoelen[i].secondaryimage);
                $("#secondaryimage").attr('title', jsoncollectie.stoelen[i].secondarytitle);
                $("#description").html('<p> '+jsoncollectie.stoelen[i].description+' </p>');
            }   
        }
    });
});

现在,当我单击列表项(#collectie li)时,控制台输出“ ReferenceError:未定义jsoncollectie”。我不知道为什么要这么做,而且我很确定它在两周前就可以了。对javascript / jquery不太了解,但是我正在慢慢学习。

布雷特·韦伯

使用延迟方法检查您的getJSON请求是否已接收并返回

// Syntax that will shed light to your issue :
$.getJSON
(
    "js/collectie.json",
    function (oJSON) { /*success*/ }
)
.done(function()   { /* succeeded */ })
.fail(function()   { /* failed    */ })
.always(function() { /* ended     */ });

由于评论和未定义仅在成功处理程序中声明的变量的事实,我得出了这个结论。由于未定义包含JSON的变量,因此绝不能调用成功处理程序。可能是您尝试获取的JSON路径不正确。

实现方法的文档:

更新

重要的细节是知道响应为304,并且结果不确定。jQuery已经在这里解决了这个问题

鉴于ifModified标头尚未设置为false,这实际上是正确的。

要解决此问题,请使用ajaxSetup()修改标头。

注意:jQuery不建议使用此方法,但在这种情况下可以使用。

// place this is document ready handler before making any calls.
$.ajaxSetup({ ifModified : false });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击时在div中选择单行

来自分类Dev

用户单击栏时从列表中选择Google图表

来自分类Dev

单击其中的按钮时,在列表框中选择行

来自分类Dev

用户单击栏时从列表中选择Google图表

来自分类Dev

单击以从选择框中选择

来自分类Dev

单击以从选择框中选择

来自分类Dev

从下拉列表中选择时,自动触发单击按钮

来自分类Dev

从html表中选择一行,并在单击按钮时发送值

来自分类Dev

单击编辑按钮时,在下拉列表中选择相应的项目

来自分类Dev

从html表中选择一行(突出显示),并在单击按钮时发送值

来自分类Dev

单击WPF Caliburn.Micro中的按钮时,无法在DataGrid中选择全部

来自分类Dev

创建查询以在命令按钮单击时从其他多个表中选择数据

来自分类Dev

单击编辑按钮时,在下拉列表中选择相应的项目

来自分类Dev

单击按钮时,从文件夹中选择随机,唯一的图像

来自分类Dev

单击按钮时出错,无法转到从微调器中选择的下一个活动

来自分类Dev

从html表中选择一行(突出显示),并在单击按钮时发送值

来自分类Dev

单击装订线左侧时如何在 SynEdit 中选择一行?

来自分类Dev

无法使用硒在右键单击时在新选项卡中选择选项打开链接

来自分类Dev

在纯JavaScript中选择任意div后,如何在每次单击时一次单击循环中的nextElementSibling项目?

来自分类Dev

如何从Bootstrap Datepicker中选择单击日期

来自分类Dev

通过单击空白在Eclipse中选择行

来自分类Dev

如何在CSS中选择单击的输入

来自分类Dev

Ctrl +单击以在Bootstrap中选择Gallery项目

来自分类Dev

如何从Bootstrap Datepicker中选择单击日期

来自分类Dev

从JSON中选择随机对象

来自分类Dev

从json对象中选择元素

来自分类Dev

从 Temp 表中选择时在 SQL 中选择

来自分类Dev

当我单击页面形式的视图中的链接时,如何在视图中选择所需类别

来自分类Dev

angularjs:用户右键单击并在新选项卡中选择打开时触发ng-click函数

Related 相关文章

  1. 1

    单击时在div中选择单行

  2. 2

    用户单击栏时从列表中选择Google图表

  3. 3

    单击其中的按钮时,在列表框中选择行

  4. 4

    用户单击栏时从列表中选择Google图表

  5. 5

    单击以从选择框中选择

  6. 6

    单击以从选择框中选择

  7. 7

    从下拉列表中选择时,自动触发单击按钮

  8. 8

    从html表中选择一行,并在单击按钮时发送值

  9. 9

    单击编辑按钮时,在下拉列表中选择相应的项目

  10. 10

    从html表中选择一行(突出显示),并在单击按钮时发送值

  11. 11

    单击WPF Caliburn.Micro中的按钮时,无法在DataGrid中选择全部

  12. 12

    创建查询以在命令按钮单击时从其他多个表中选择数据

  13. 13

    单击编辑按钮时,在下拉列表中选择相应的项目

  14. 14

    单击按钮时,从文件夹中选择随机,唯一的图像

  15. 15

    单击按钮时出错,无法转到从微调器中选择的下一个活动

  16. 16

    从html表中选择一行(突出显示),并在单击按钮时发送值

  17. 17

    单击装订线左侧时如何在 SynEdit 中选择一行?

  18. 18

    无法使用硒在右键单击时在新选项卡中选择选项打开链接

  19. 19

    在纯JavaScript中选择任意div后,如何在每次单击时一次单击循环中的nextElementSibling项目?

  20. 20

    如何从Bootstrap Datepicker中选择单击日期

  21. 21

    通过单击空白在Eclipse中选择行

  22. 22

    如何在CSS中选择单击的输入

  23. 23

    Ctrl +单击以在Bootstrap中选择Gallery项目

  24. 24

    如何从Bootstrap Datepicker中选择单击日期

  25. 25

    从JSON中选择随机对象

  26. 26

    从json对象中选择元素

  27. 27

    从 Temp 表中选择时在 SQL 中选择

  28. 28

    当我单击页面形式的视图中的链接时,如何在视图中选择所需类别

  29. 29

    angularjs:用户右键单击并在新选项卡中选择打开时触发ng-click函数

热门标签

归档