JS--AJAX原生写法可执行

 var Util = {

                ajax: function(url, callback) {

                    //创建xhr对象

                    var xhr = new XMLHttpRequest();

                    xhr.onreadystatechange = function(url) {

                        //判断条件

                        if (xhr.readyState === 4) {

                            if (xhr.status === 200) {

                                //返回数据

                                var data = JSON.parse(xhr.responseText)

                                    // callback && callback(data)这种写法意思是有执行，没有就不执行

                                console.log("1-------------------" + xhr.responseText)

                                console.log("2-------------------", data)

                                callback && callback(data)

                                    // console.log(data)

                            }

                        }

                    }

                    xhr.open('get', url, true)

                    xhr.send()

                }

            }

            // 调用上面封装好的工具Util

        var html = ""

        Util.ajax("http://****", function(data) {

                //数据处理

                // console.log(data)

                var list = data.data

                console.log(list)

                for (var i = 0; i < list.length; i++) {

                    {

                        html += "<div>" + list[i].name + "</div>"

                            // console.log(html)

                    }

                    document.getElementById("app").innerHTML = html

                    console.log(html)

                }

            })