原生JS 实现类似淘宝京东商城图片展示 图片放大镜 效果

本次 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)</