ajax 访问封装后的ajax

老李的花花世界

于 2018-09-25 19:20:02 发布

阅读量208

点赞数 1

文章标签： ajax

本文链接：https://blog.csdn.net/qq_43076883/article/details/82843709

版权

先封装一个ajax

//method:get url:数据地址 callback:创建对象.....
function ajax(method, url, callback){
    var xhr = new XMLHttpRequest();
    xhr.open(method, url, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            callback(xhr.responseText);
        }
    };
    xhr.send();
}

//例1
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="js/myAjax.js"></script>
<script>
    var url = "http://localhost:8088?myUrl=http://api.douban.com/v2/movie/top250";
    var body = document.getElementsByTagName("body")[0];
    ajax("get", url, function(res){
        var data = JSON.parse(res).subjects;
        console.log(data);
        for(var i = 0 ; i < data.length; i++) {


            var o_img = document.createElement("img");
            o_img.src = data[i].images.small;
            body.appendChild(o_img);
        }
    });
</script>
</body>
</htm

老李的花花世界

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 访问封装后的ajax

先封装一个ajax//method:get url:数据地址 callback:创建对象.....function ajax(method, url, callback){ var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.onreadystatechange = function() ...
复制链接

扫一扫