我的json

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的尾部

}