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
});
});
});