{
"one" : "Hello",
"two" : "World"
}
<script src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function() {
$.getJSON('data.json', function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'list',
html: items.join('')
}).appendTo('body');
});
});
</script>
<script src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'list',
html: items.join('')
}).appendTo('body');
},
statusCode: {
404: function() {
alert("没有找到相关文件~~");
}
}
});
});
</script>
PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:[/b] 在线JSON代码检验、检验、美化、格式化工具: [url=http://tools.jb51.net/code/json]http://tools.jb51.net/code/json[/url] JSON在线格式化工具: [url=http://tools.jb51.net/code/jsonformat]http://tools.jb51.net/code/jsonformat[/url] 在线XML/JSON互相转换工具: [url=http://tools.jb51.net/code/xmljson]http://tools.jb51.net/code/xmljson[/url] json代码在线格式化/美化/压缩/编辑/转换工具: [url=http://tools.jb51.net/code/jsoncodeformat]http://tools.jb51.net/code/jsoncodeformat[/url] 在线json压缩/转义工具: [url=http://tools.jb51.net/code/json_yasuo_trans]http://tools.jb51.net/code/json_yasuo_trans[/url] C语言风格/HTML/CSS/json代码格式化美化工具: [url=http://tools.jb51.net/code/ccode_html_css_json]http://tools.jb51.net/code/ccode_html_css_json[/url]
相信本文所述对大家的jQuery程序设计有一定的借鉴价值。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有