通过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解决跨域
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解决跨域
相关文章推荐
- ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray或通过JSP传)在Struts 2实现Ajax动态加载树结点
- jQuery加载外部文件的方式get、post、ajax、load的区别及异步加载的实现
- JQuery加载外部文件的方式get、post、ajax、load的区别及异步加载的实现
- json格式数据取得2- 通过httphandler,从server侧取得 (jquery+ajax实现)
- VC++通过动态生成并加载DLL,实现可执行文件的自删除
- 对于当浏览器通过ajax加载的文件还是修改前的文件的处理方法
- C#动态加载DLL,通过配置文件实现对程序集的即插即用
- dhl:asp.net mvc下用jQuery通过AJAX 实现HTTP 请求加载远程数据
- 通过codehaus来实现json写入文件和读取文件成json对象
- VC++通过动态生成并加载DLL,实现可执行文件的自删除
- IOC(通过配置文件实现类的加载)
- JSON实现AJAX无刷新加载
- 通过AS3加载外部SWF文件,调用外部文件文档类的方法
- 在R12下加载Java Bean,配置FORMS_WEB_CONFIG_FILE文件/通过AutoConfig实现Form Server配置文件的修改
- 重温之Struts与Ajax结合向前台传送json数据实现ztree(一次性加载ztree)
- ajax实现异步刷新,并通过json接收发送数据!
- (更新版)ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray)在Struts 2实现Ajax动态加载树结点
- 如何通过AS3加载外部SWF文件,调用外部文件文档类的方法?
- 做了MVC模式一年,可不要把传统模式忘记呀!ashx配合aspx实现AJAX加载JSON数据
- PHP、html通过ajax实现json的方法