封装js发送http请求

「爱情、让人受尽委屈。」 2022-06-17 03:37 259阅读 0赞

# 封装js发送http请求 #

var http = {};
    
    http.quest = function (option, callback) { 
        var url = option.url;
        var method = option.method;
        var data = option.data;
        var timeout = option.timeout || 0;
    
        var xhr = new XMLHttpRequest();
        (timeout > 0) && (xhr.timeout = timeout);
        xhr.onreadystatechange = function () { 
            if (xhr.readyState == 4) {
                if (xhr.status >= 200 && xhr.status < 400) {
                var result = xhr.responseText;
                try {result = JSON.parse(xhr.responseText);} catch (e) {}
                    callback && callback(null, result);
                } else {
                    callback && callback('status: ' + xhr.status);
                }
            }
        }.bind(this);
        xhr.open(method, url, true);
        if(typeof data === 'object'){
            try{
                data = JSON.stringify(data);
            }catch(e){}
        }
        xhr.send(data);
        xhr.ontimeout = function () { 
            callback && callback('timeout');
            console.log('%c连%c接%c超%c时', 'color:red', 'color:orange', 'color:purple', 'color:green');
        };
    };
    
    http.get = function (url, callback) { 
        var option = url.url ? url : { url: url };
        option.method = 'get';
        this.quest(option, callback);
    };
    
    http.post = function (option, callback) { 
        option.method = 'post';
        this.quest(option, callback);
    };

使用方法

//普通get请求
    http.get('http://www.baidu.com',function(err,result){ 
    
    });
    //定义超时时间(单位毫秒)
    http.get({url:'http://www.baidu.com',timeout:1000},function(err,result){ 
    
    });
    //post请求
    http.post({url:'http://www.baidu.com',data:'123',timeout:1000},function(err,result){ 
    
    });

发表评论取消回复

表情：

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

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

相关阅读

相关封装http请求

/ 创建HTTPPOST请求 @param url 请求接口路径

左手的ㄟ右手/ 2023年10月04日 19:16/ 0 赞/ 47 阅读

相关 Node js Http常用请求封装

一、Node js Http常用请求封装常用的get请求，post请求封装 requestHelper.js模块定义内容如下： var http = req

柔光的暖阳◎/ 2022年12月21日 14:53/ 0 赞/ 334 阅读

相关 bpmn.js在vue中发送http请求

> 之前使用的是本地写死的 `xml` 字符串来渲染流程图，实际开发中肯定不满足我们的需求，那么我们应该如何解决这个问题呢？常用的做法是：前端发送 `axios` 请求，获

喜欢ヅ旅行/ 2022年10月28日 04:57/ 0 赞/ 219 阅读

相关 java发送https请求

java可以发送443的请求,可以发送post的get的本人写了一个发送https请求的工具类,用来请求第三方的sdk 下面为发送post请求工具类 impor

矫情吗；*/ 2022年10月23日 03:57/ 0 赞/ 364 阅读

相关 ruby发送http，https请求

\ \ 描述： \ 发送快递数据到datasystem使用http \ 输入： \ data - 组装后的expess的数据 \ 输出： \ datasystem返回的状态信息

短命女/ 2022年07月12日 15:21/ 0 赞/ 296 阅读

相关 Java发送Https请求

package test; import java.io.BufferedReader; import java.io.InputStream

向右看齐/ 2022年06月18日 03:54/ 0 赞/ 331 阅读

相关封装js发送http请求

封装js发送http请求 var http = {}; http.quest = function (option, callback) {

「爱情、让人受尽委屈。」/ 2022年06月17日 03:37/ 0 赞/ 260 阅读

相关 Java---发送HTTPS请求

主要jar包：[https://pan.baidu.com/s/1o7EvbZk][https_pan.baidu.com_s_1o7EvbZk] httpclient-4

「爱情、让人受尽委屈。」/ 2022年06月04日 00:37/ 0 赞/ 322 阅读

相关 node.js 如何发送 http/https 请求？

下面介绍几种方法。 https 这是 node.js 原生 API，无需第三方包的支持。例子： const https = require("https");

刺骨的言语ヽ痛彻心扉/ 2022年04月10日 06:14/ 0 赞/ 443 阅读

相关 Java发送HTTPS请求

前言上篇文章介绍了 java 发送 http 请求，大家都知道发送http是不安全的。我也是由于对接了其他企业后总结了一套发送 https的工具。大家网上找方法很多的

拼搏现实的明天。/ 2022年03月02日 02:39/ 0 赞/ 402 阅读