jsonparse.js
来源:互联网 发布:部分软件无法联网 编辑:程序博客网 时间:2024/06/17 05:31
window.onload = function() {
var request,
url = "examples.json",
section = document.getElementsByTagName('section')[0],
categories = [],
iPad = navigator.userAgent.match(/iPad/i) != null,
retina = window.devicePixelRatio >= 2 ? true : false,
icon = (retina) ? (iPad) ? 'icon@144.png' : 'icon@2x.png' : (iPad) ? 'icon@72.png' : 'icon.png',
category, item, ul, element, ln, i, j;
try
{
// Firefox, Opera 8.0+, Safari
request=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
request=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
request=new ActiveXObject("Microsoft.XMLHTTP");
}
}
request.open('GET', url, false);
request.send(null);
if (request.status === 200) {
// preprocess tags out of the response to allow the json to parse correctly
var text = request.responseText
.replace("//<feature charts>",'')
.replace("//</feature>",'');
categories = JSON.parse(text);
ln = categories.length;
for (i = 0; i < ln; i++) {
category = categories[i];
element = document.createElement('header');
element.innerHTML = category.title;
section.appendChild(element);
ul = document.createElement('ul');
for (j = 0; j < category.items.length; j++) {
item = category.items[j];
element = document.createElement('li');
element.innerHTML = [
'<a href="' + item.url + '">',
'<img src="' + item.iconLocation + '/' + icon + '" />',
'<h3>' + item.text + '</h3>',
'<p>' + item.desc + '</p>',
'</a>'
].join('');
ul.appendChild(element);
}
section.appendChild(ul);
}
document.getElementById('wrapper').style.opacity = 1;
}
};
var request,
url = "examples.json",
section = document.getElementsByTagName('section')[0],
categories = [],
iPad = navigator.userAgent.match(/iPad/i) != null,
retina = window.devicePixelRatio >= 2 ? true : false,
icon = (retina) ? (iPad) ? 'icon@144.png' : 'icon@2x.png' : (iPad) ? 'icon@72.png' : 'icon.png',
category, item, ul, element, ln, i, j;
try
{
// Firefox, Opera 8.0+, Safari
request=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
request=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
request=new ActiveXObject("Microsoft.XMLHTTP");
}
}
request.open('GET', url, false);
request.send(null);
if (request.status === 200) {
// preprocess tags out of the response to allow the json to parse correctly
var text = request.responseText
.replace("//<feature charts>",'')
.replace("//</feature>",'');
categories = JSON.parse(text);
ln = categories.length;
for (i = 0; i < ln; i++) {
category = categories[i];
element = document.createElement('header');
element.innerHTML = category.title;
section.appendChild(element);
ul = document.createElement('ul');
for (j = 0; j < category.items.length; j++) {
item = category.items[j];
element = document.createElement('li');
element.innerHTML = [
'<a href="' + item.url + '">',
'<img src="' + item.iconLocation + '/' + icon + '" />',
'<h3>' + item.text + '</h3>',
'<p>' + item.desc + '</p>',
'</a>'
].join('');
ul.appendChild(element);
}
section.appendChild(ul);
}
document.getElementById('wrapper').style.opacity = 1;
}
};
0 0
- jsonparse.js
- js
- js
- JS
- JS
- JS
- js
- js
- js
- js
- js
- JS
- js
- JS
- js
- js
- js
- js
- 2015063015 - 坚持
- [Jinja2]控制结构
- 2015年6月30日 课设日志
- xmlparse.js
- 黑马程序员——OC基础学习(四)---封装,继承和多态的学习知识总结
- jsonparse.js
- JVM学习笔记(1)——类加载器ClassLoader
- allegro16.6使用汇总
- java线程
- c语言--基础001--while循环
- 动态修改 NodeJS 程序中的变量值
- 换静态图片---轻开电子商务系统(企业入门级B2C网站)
- 在部署有OGG的数据库主机上打数据库patch遇到的问题libclntsh.so.11.1 active
- LeetCode_Stack_Evaluate Reverse Polish Notation