Skip to content

Simple HTTP Request helper for the browser

Notifications You must be signed in to change notification settings

PopovMP/http-request

Folders and files

NameName
Last commit message
Last commit date
Apr 23, 2024
Apr 21, 2024
Apr 22, 2024
Apr 22, 2024
Apr 23, 2024
Apr 23, 2024
Apr 23, 2024
Apr 21, 2024
Apr 21, 2024
Apr 22, 2024
Apr 22, 2024

Repository files navigation

HttpRequest

Simple HTTP Request helper for the browser.

HttpRequest provides three methods: get, post, and form.

Acquire

Get the HttpRequest class in TypeScript from the lib subdirectory.

Get HttpRequest compiled to a JavaScript class from the application.js file.

Tests

See examples and tests: https://popovmp.github.io/http-request/

Get Text

const url:string = "https://httpbin.org/get";
const options: HttpRequestOptions = {};
HttpRequest.get(url, options, (res: HttpRequestResponse): void => {
    console.log(JSON.stringify(res));
});

Get Json

const url:string = "https://httpbin.org/get";
const options: HttpRequestOptions = {responseType: "json"};
HttpRequest.get(url, options, (res: HttpRequestResponse): void => {
    console.log(JSON.stringify(res));
});

Get binary data

const url     = "https://exmaple.com/buffer.bin";
const options = {headers: {}, responseType: "arraybuffer"};

HttpRequest.get(url, options, (res: HttpRequestResponse) => {
    if ((res.status === 200 || res.status === 304) && res.response !== undefined) {
        const buffer: ArrayBuffer = res.response;
        // Do somethign with the buffer
    }
    else {
        console.error(`Status: ${res.status}`);
    }
});

Post JSON

const url     = "https://exmaple.com/api/user";
const body    = {username: "John", email: "john@example.com", pasword: "12343"};
const options = {headers: {}, responseType: "json"};

HttpRequest.json(url, body, options, (res: HttpRequestResponse) => {
    const user: User = res.response;
});

Post Form

        const url: string = "https://httpbin.org/post";
const options: HttpRequestOptions = {responseType: "json"};
const form: {[param: string]: string|number} = {foo: "bar", baz: 42};
HttpRequest.form(url, form, options, (res: HttpRequestResponse): void => {
    console.log(JSON.stringify(res));
});

About

Simple HTTP Request helper for the browser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published