本次 JS实现 首先使用 原AJAX 请求数据 将请求的数据 加入到 数据样式中 实现动态 展示
data.json 数据格式为
[
{
"id": 1,
"imgs": [
"0.jpg",
"1.jpg",
"2.jpg"
]
},
{
"id": 2,
"imgs": [
"3.jpg",
"4.jpg",
"5.jpg"
]
},
{
"id": 3,
"imgs": [
"6.jpg",
"7.jpg",
"8.jpg"
]
}
]
上方是JSON 格式的数据 图片 0 3 6 为超小图 1 4 7 为中等图 2 5 8 为放大镜效果的图
首先 书写AJAX 请求代码
let Ajax = new XMLHttpRequest()
//创建 XML文本网络协议实例
Ajax.open('GET','./data.json',true)
//声明Ajax请求的方式 url路径 是否异步(true为异步)
Ajax.send()
//发送请求
Ajax.onreadystatechange = function (){
//对ajax准备状态改变的监听函数
if(Ajax.readyState === 4 && Ajax.status === 200)</