ajax 访问封装后的ajax

た入场券 2022-05-10 04:28 205阅读 0赞

先封装一个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

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关封装ajax

封装原则把可能会变动的内容,都给弄参数,让用户传递进来 function aa({ url,type='get',async=true,data,success,e

╰+攻爆jí腚メ/ 2022年12月20日 02:49/ 0 赞/ 140 阅读

相关 ajax的封装

$(function(){ 'use strict'; var user = getUserinfo(); i

偏执的太偏执、/ 2022年09月26日 01:49/ 0 赞/ 216 阅读

相关 ajax封装框架,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种

柔情只为你懂/ 2022年09月03日 15:24/ 0 赞/ 292 阅读

相关 AJAX封装

function ajax({type,url,data,dataType}){ return new Promise(function(resolve)

Bertha 。/ 2022年06月04日 08:57/ 0 赞/ 262 阅读

相关 AJAX封装

ajaxutils.js // 创建request对象 function createXMLHttpRequest() { try {

Dear 丶/ 2022年06月04日 05:57/ 0 赞/ 270 阅读

相关 ajax封装

封装js: $.conf = { tip:function(){ }, surl:function(url)

亦凉/ 2022年05月14日 02:05/ 0 赞/ 292 阅读

相关 ajax 访问封装后的ajax

先封装一个ajax //method:get url:数据地址 callback:创建对象..... function ajax(method, url, c

た入场券/ 2022年05月10日 04:28/ 0 赞/ 206 阅读

相关 ajax的封装

我！要！被！这！玩意！坑死了！用promise封装一个ajax请求。 function ajax(url,type,param,async,header){

落日映苍穹つ/ 2022年05月10日 03:24/ 0 赞/ 230 阅读

相关封装公用的ajax网络请求，将ajax请求封装

封装网络请求在公共的文件里面写入：(我的文件 config.js ) const config = { // 域名 htt

r囧r小猫/ 2021年10月19日 10:50/ 0 赞/ 421 阅读

相关封装ajax

初始化AJAX要有四步： 1 初始化XHR对象 2 设置onreadystatechange事件 3 调用open方法 4 调用send方法 onread

不念不忘少年蓝@/ 2021年09月02日 05:48/ 0 赞/ 511 阅读