Ajax的基本用法

ajax的本地访问数据的写法，

Ajax解决跨域问题

var box = document.querySelector("#box");
    //使用josnp的方式访问接口
    box.oninput = function () { //输入值发生变化时触发
        var val = cay.value; //获取输入值

        var url = " https://suggest.taobao.com/sug?code=utf-8&q=" + val + "&_ksTS=1558511336083_353" //url地址

        function getDatas(url, fn) {
            var scr = document.head.querySelector("script");

            if (!(scr === null)) {
                document.head.removeChild(scr); //删除之前查看页面中有没有，有就删除
            }

            var fns = "getData"
            window[fns] = function (data) { 
                fn(data); //调用传过来的函数
            }
            var script = document.createElement("script");
            script.src = url + "&callback=" + fns + "&k=1&area=c2c&bucketid=8" //设置src值
            document.head.appendChild(script);

        }

        getDatas(url, function (data) {

            var arr = data.result;
            var ul = document.querySelector("ul")

            ul.innerHTML = ""; //清空上一次查询
            arr.forEach(function (e) { //循环遍历查询结果


                var li = document.createElement("li");
                li.innerHTML = e[0];
                ul.appendChild(li); //添加这一次查询结果



            });


        });
        }
        
        
        
        
        如果写的有问题请大牛联系我邮箱1223577600@qq.com，让我及时更正。