HttpRequest

HttpRequest for any type of request and HttpRequestHTML to request webpage. Supports caching of responses to handle status 304.

От 15.06.2020. Виж последната версия.

Този скрипт не може да бъде инсталиран директно. Това е библиотека за други скриптове и може да бъде използвана с мета-директива // @require https://update.greasyfork.org/scripts/405144/816619/HttpRequest.js

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         HttpRequest
// @namespace    hoehleg.userscripts.private
// @version      0.1
// @description  HttpRequest for any type of request and HttpRequestHTML to request webpage. Supports caching of responses to handle status 304.
// @author       Gerrit Höhle
//
// @grant        GM_xmlhttpRequest
//
// @require      https://greasyfork.org/scripts/405143-simplecache/code/SimpleCache.js
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js
//
// ==/UserScript==

/* jshint esnext: true */
/* globals SimpleCache, $, jQuery */
const HttpRequest = (() => {
    const responsesCache = new SimpleCache({ keyExtractor: (httpRequest) => [ httpRequest.method, httpRequest.url, httpRequest.headers, httpRequest.data, httpRequest.params ].join() });

    const urlWithParams = (url, paramsObject) => {
        const params = Object.entries(paramsObject).map(([key, value]) => key + '=' + value).join('&');
        return (url.length > 0) ? url + '?' + params : params;
    };

    return class HttpRequest {
        constructor({ method, url = window.location.href, headers = '', data = '', keepInCacheTimoutMs = 10 * 60000, params = {} } = {}) {
            Object.assign(this, { method, url, headers, data, keepInCacheTimoutMs, params });
        }

        send() {
            return new Promise((resolve, reject) => {
                const method = this.method.toUpperCase();
                let url = this.url;
                let headers = this.headers;
                let data = this.data;

                const onload = (response) => {
                    switch (response.status) {
                        case 200:
                            if (this.keepInCacheTimoutMs > 0) {
                                responsesCache.set(this, response, this.keepInCacheTimoutMs);
                            }
                            break;
                        case 304:
                            if (this.isCached()) {
                                response = this.getFromCache();
                                response.status = 304;
                            }
                            break;
                        default:
                            reject(Error(`Status: ${response.status}, Error: ${response.statusText}`));
                            return;
                    }
                    resolve(response);
                };

                const onerror = () => {
                    reject(Error('network error'));
                };

                switch (method) {
                    case 'GET':
                        if (this.params) {
                            url = urlWithParams(url, this.params);
                        }
                        break;
                    case 'POST':
                    case 'PUT':
                        Object.assign(headers, { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' });
                        if (this.params) {
                            data = urlWithParams(data, this.params);
                        }
                        break;
                }

                GM_xmlhttpRequest({ method, url, onload, onerror: this.onError, headers: this.headers, data });
            });
        }

        isCached() {
            return responsesCache.has(this);
        }

        getFromCache() {
            return responsesCache.get(this);
        }
    };
})();

class HttpRequestHtml extends HttpRequest {
    constructor({ url, method = "GET", headers, data, keepInCacheTimoutMs, params } = {}) {
        super({ method, url, headers, data, keepInCacheTimoutMs, params });
    }
    send() {
        return super.send().then(response => new Promise(resolve => {
            if (response.status == 200) {
                response.responseHtml = new DOMParser().parseFromString(response.responseText, 'text/html');
                resolve(response);
            }
        }));
    }
}