ajax-实现京东局部购物界面代码

<script>

        var xhr = new XMLHttpRequest();

        xhr.open("get", "./res.json", true);

        xhr.send();

        xhr.onreadystatechange = function () {

            if (xhr.readyState == 4 && xhr.status == 200) {

                var list = JSON.parse(xhr.responseText).dataList;

                var str = ""

                for (var i in list) {

                    str += '<div class="box">' +

                        '<p>' + list[i].title + '</p>' +

                        '<div class="img">' +

                        '<img src = "' + list[i].img1 + '" > ' +

                        '<img src = "' + list[i].img2 + '" >' +

                        '<img src = "' + list[i].img3 + '" >' +

                        '</div>' +

                        '</div>'

                }

                document.body.innerHTML = str;

            }

        }

    </script>