var request = new XMLHttpRequest();//创建一个XMLHttpRequest的对象
request.open("GET", "http://180.76.156.160/WEB_JSON/Json/yyqx.json");//以get方式打开请求
request.responseType = 'json';//请求类型为json
request.send();//发送请求
request.onload = function() { //load事件，等待服务器返回，然后处理
var contents = request.response;//将响应存储在我们的请求中，在response属性中可用，改变量为content
for (var i = 0; i < 9; i++) {//一共九个json,用for循环一个一个输入
switch(i){//switch输入,选择要执行的多个代码块之一
case 0: read(contents.one,i);break;//执行case1,读取第一个json,用 break 来阻止代码自动地向下一个 case 运行
case 1: read(contents.two,i);break;//执行case2,读取第二个json,用 break 来阻止代码自动地向下一个 case 运行
case 2: read(contents.three,i);break;//执行case3,读取第三个json,用 break 来阻止代码自动地向下一个 case 运行
case 3: read(contents.four,i);break;//执行case4,读取第四个json,用 break 来阻止代码自动地向下一个 case 运行
case 4: read(contents.five,i);break;//执行case5,读取第五个json,用 break 来阻止代码自动地向下一个 case 运行
case 5: read(contents.six,i);break;//执行case6,读取第六个json,用 break 来阻止代码自动地向下一个 case 运行
case 6: read(contents.seven,i);break;//执行case7,读取第七个json,用 break 来阻止代码自动地向下一个 case 运行
case 7: read(contents.eight,i);break;//执行case8,读取第八个json,用 break 来阻止代码自动地向下一个 case 运行
case 8: read(contents.nine,i);break;//执行case9,读取第九个json,用 break 来阻止代码自动地向下一个 case 运行
}
}
}
function read(content,i){//读取函数
var divTag2 = document.createElement("div");//用createElement()函数创建元素
var divTag3 = document.createElement("div");//用createElement()函数创建元素
var aTag =document.createElement("a");//用createElement()函数创建元素
divTag2.setAttribute("class","modal-content");//把一个现有的属性设定为指定的值,利用setAttribute指定divTag2的class属性，用model模态框实现
divTag3.setAttribute("class","modal-footer");//利用setAttribute指定divTag3的class属性，用model模态框实现
aTag.setAttribute("href","#!");//利用setAttribute指定aTag3的herf属性
aTag.setAttribute("class","modal-action modal-close waves-effect waves-green btn-flat");//利用setAttribute指定aTag3的herf属性
aTag.textContent="关闭";//关闭标签
divTag3.appendChild(aTag);//为divTag添加子结点aTag
for(var j=0;j<content.length;j++){//遍历content数组
var pTag = document.createElement("p");//创建元素
pTag.textContent=content[j];
divTag2.appendChild(pTag);//将上面创建的divTag2元素加入到pTag的尾部
}
var root = document.getElementById("modal"+(i+1));//获取id为modol的html元素, 并将其放在变量root中;
root.appendChild(divTag2);//将上面创建的root元素加入到divTag2的尾部
root.appendChild(divTag3);//将上面创建的root元素加入到divTag3的尾部
}