Question

我目前正在使用JQuery来读取包含照片幻灯片显示数据的外部.json文件

光slideshow.json

 [ 
        {
            "title" : "my tile", 
            "image" : "xx.jpg", 
            "url" : "www.example.com",
            "firstline" : "woow", 
            "secondline" : "the weather is fine"
        },

       .....
       ..... 
    ]

    <script type="text/javascript" >
    var photos; 
    $.getJSON(
           "lang/en/photo-slideshow.json", 
            function(result) {
                    photos = result;
            }
       );
    <script>

该脚本可以在需要更长时间加载的页面上正常工作！在页面加载非常快（例如1秒） json文件没有t seem to be read completely and the slideshow doesn开始。

Answer 1

您是在json回调被触发后初始化幻灯片吗？

在对json对象执行异步调用时，幻灯片初始化应该在getJson触发的回调函数中，以确保在需要时确实掌握了数据。

你应该这样做：

$.getJSON('path/to/my.json',function(result){
    mySlideShowComponent.init(result);
})

Answer 2

我解决了！我把这行放到我的代码中：$ .ajaxSetup（{async：false}）;感谢

从外部json文件获取数据

2 个答案: