您的位置:首页 > Web前端 > JavaScript

通过ajax加载外部json文件,并实现加载照片

2015-03-19 10:17 726 查看
main.js格式

function callback() {

$('#item').hide();
alert('success');
};

$(function(){

$('#submit').click(function(){
$('#item').show();
$.ajax({ 
url: "js/json.json", 
success: function(data){
$('#item2').empty();
$.each(data,function(index,value){
//console.log(value);

$("#item2").append("<img src=image/"+value.src+" />")
})
setTimeout(callback, 1000);

      }

      });

});
});

json.json格式

[{"src":"1.jpg"},{"src":"2.jpg"},{"src":"3.jpg"},{"src":"4.jpg"}]      //全都是双引号

并用nginx解决跨域
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐