Ajax 将数组动态加载到脚本标记中

Ajax 将数组动态加载到脚本标记中,ajax,Ajax,我目前正在一个网站上使用,它引用了脚本标记中的图像和相关的附加内容,如下所示: <script type="text/javascript"> jQuery(function($){ $.supersized({ // Functionality property_1 : value, property_2 : value,

我目前正在一个网站上使用,它引用了脚本标记中的图像和相关的附加内容,如下所示:

<script type="text/javascript">
    jQuery(function($){
        $.supersized({

            // Functionality
            property_1   :   value,     
            property_2   :   value,     

            slides       :   [
            {image :'http://image1.jpg', title :'Name1', url :'1.html'},
            {image :'http://image2.jpg', title :'Name2', url :'2.html'},
            {image :'http://image3.jpg', title :'Name3', url :'3.html'},
            ],

            // Options             
            option_1     :   value,
            option_1     :   value
        });
    });
</script>

jQuery(函数($){
美元。超大({
//功能性
属性_1:值,
属性_2:值,
幻灯片:[
{图像:'http://image1.jpg,标题:'Name1',url:'1.html'},
{图像:'http://image2.jpg,标题:'Name2',url:'2.html'},
{图像:'http://image3.jpg,标题:'Name3',url:'3.html'},
],
//选择权
选项1:价值,
选项1:价值
});
});

非常好的一点是,能够通过ajax动态加载一个新的图像数组及其相关的附加内容(首选jquery,但也可以)。这可能吗?如果是这样的话,我很难找到任何资源来解释它是如何实现的。

看来您需要自己编写这样的功能

在常见问题解答中查看插件作者正在编写的内容:

如果您只需要一组由AJAX加载的幻灯片,可以这样编写:

jQuery(function($){
  $.ajax({
    url: "URL"
  }).done(function ( data ) {
    $.supersized({

        // Functionality
        property_1   :   value,     
        property_2   :   value,     

        slides       :  data.slides,

        // Options             
        option_1     :   value,
        option_1     :   value
    });
  });
});

当然,只需让服务器端脚本以JSON格式输出一组图像。jquery可以简单地接受这一点,并将其作为任何其他javascript数组使用。我可以让API生成JSON,也可以让javascript在事件上动态提取数据。有趣的是,我将更仔细地研究这个选项。谢谢
jQuery(function($){
  $.ajax({
    url: "URL"
  }).done(function ( data ) {
    $.supersized({

        // Functionality
        property_1   :   value,     
        property_2   :   value,     

        slides       :  data.slides,

        // Options             
        option_1     :   value,
        option_1     :   value
    });
  });
});