Skip to content
/ JS-HTTP Public

A simple JavaScript HTTP request library for making GET and POST requests using the Fetch API.

License

Notifications You must be signed in to change notification settings

PB2204/JS-HTTP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Sep 28, 2023
da10c6f ยท Sep 28, 2023

History

16 Commits
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023
Sep 28, 2023

Repository files navigation

JS-HTTP

A simple JavaScript HTTP request library for making GET, POST, PUT, DELETE, OPTIONS, HEAD, CONNECT, TRACE, and PATCH requests using the Fetch API.

Installation

You can install JS-HTTP using npm:

npm install https-node.js

Project Structure

The project structure is organized as follows:

js-http/
|-- dist/
|-- src/
|   |-- js-http.js
|-- examples/
|   |-- index.html
|-- tests/
|   |-- test-js-http.js
|-- CODE_OF_CONDUCT.md
|-- CONTRIBUTING.md
|-- LEARN.md
|-- README.md
|-- LICENSE
|-- package.json
|-- webpack.config.js
|-- .gitignore
  • dist/: Contains the distribution version of the library.
  • src/: Contains the source code of the library.
  • examples/: Includes HTML examples demonstrating library usage.
  • tests/: Contains test files for the library.
  • CODE_OF_CONDUCT.md: Guidelines for community behavior.
  • CONTRIBUTING.md: Information on how to contribute to the project.
  • LEARN.md: Additional resources and learning materials.
  • README.md: This README file.
  • LICENSE: The license file for the project.
  • package.json: Configuration file for npm.
  • webpack.config.js: Configuration for bundling the library.
  • .gitignore: Specifies files and directories to be ignored by Git.

Overview

JS-HTTP is a lightweight JavaScript library that simplifies making various HTTP requests in your web applications. It provides a straightforward API for making GET, POST, PUT, DELETE, OPTIONS, HEAD, CONNECT, TRACE, and PATCH requests using the Fetch API.

Examples

You can find usage examples in the examples/ directory. To run the examples, open the HTML files in your browser.

Usage

Here's how you can use JS-HTTP in your JavaScript code:

// Import the JS-HTTP library
const JSHTTP = require('https-node.js);

Make a GET request

JSHTTP.get('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    console.log('GET Response:', response);
  })
  .catch(error => {
    console.error('GET Error:', error);
  });

Make a POST request

const data = { userId: 1, id: 101, title: 'foo', body: 'bar' };
JSHTTP.post('https://jsonplaceholder.typicode.com/posts', data)
  .then(response => {
    console.log('POST Response:', response);
  })
  .catch(error => {
    console.error('POST Error:', error);
  });

Make a PUT request

const putData = { userId: 1, id: 1, title: 'updated title', body: 'updated body' };
JSHTTP.put('https://jsonplaceholder.typicode.com/posts/1', putData)
  .then(response => {
    console.log('PUT Response:', response);
  })
  .catch(error => {
    console.error('PUT Error:', error);
  });

Make a DELETE request

JSHTTP.delete('https://jsonplaceholder.typicode.com/posts/101')
  .then(response => {
    console.log('DELETE Response:', response);
  })
  .catch(error => {
    console.error('DELETE Error:', error);
  });

Make an OPTIONS request

const optionsData = { someOption: 'value' };
JSHTTP.options('https://jsonplaceholder.typicode.com/some-resource', optionsData)
  .then(response => {
    console.log('OPTIONS Response:', response);
  })
  .catch(error => {
    console.error('OPTIONS Error:', error);
  });

Make a HEAD request

const headData = { someHeader: 'value' };
JSHTTP.head('https://jsonplaceholder.typicode.com/some-resource', headData)
  .then(response => {
    console.log('HEAD Response:', response);
  })
  .catch(error => {
    console.error('HEAD Error:', error);
  });

Make a CONNECT request

const connectData = { someData: 'value' };
JSHTTP.connect('https://jsonplaceholder.typicode.com/some-resource', connectData)
  .then(response => {
    console.log('CONNECT Response:', response);
  })
  .catch(error => {
    console.error('CONNECT Error:', error);
  });

Make a TRACE request

const traceData = { someData: 'value' };
JSHTTP.trace('https://jsonplaceholder.typicode.com/some

-resource', traceData)
  .then(response => {
    console.log('TRACE Response:', response);
  })
  .catch(error => {
    console.error('TRACE Error:', error);
  });

Make a PATCH request

const patchData = { someData: 'value' };
JSHTTP.patch('https://jsonplaceholder.typicode.com/some-resource', patchData)
  .then(response => {
    console.log('PATCH Response:', response);
  })
  .catch(error => {
    console.error('PATCH Error:', error);
  });

License

This project is licensed under the MIT License - see the LICENSE file for details.

Developer Details

Feel free to reach out for questions, feedback, or collaboration opportunities.

Happy Coding ๐Ÿš€