Skip to main content
SimilarExport ZIP
100%

Gist 4ff85e89516594d9399c15b3c436878f

✓ Published0🌍 Public
MMistyBlunch
Last edited Jun 13, 2018
Created on Jun 13, 2018

This example demonstrates JavaScript Promise patterns for asynchronous server communication, showing fetch(), .then(), .catch(), Promise.all/race, custom Promise construction, and async/await syntax. The code samples use the browser's built-in fetch() API against document.URL.toString() to simulate server checks, with console.log output for results and error handling. It also includes a setTimeout-based delay Promise example to illustrate timing control. The gist serves as educational reference material, contrasting Promise chains, custom Promise creation, and sugar-syntax async functions.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 5c673a7db6d8612eda9dee50ff2e4b80

This example demonstrates asynchronous file reading and HTTP request handling in Node.js. It shows how to extract the first line from a local file and retrieve the HTTP status code from a remote URL using two separate promise-based functions. The code uses Bluebird’s `Promise` constructor, Node’s `fs.readFile` API, and the `request` library for network requests. Each function returns a promise that resolves with the extracted data or rejects on error, illustrating a modular approach to handling I/O operations with promise chaining.

MMailnickko
72% match
Loading thumbnail…

Gist 7a408ae6b97507c83e6613316e32a9c7

This example contrasts two JavaScript approaches for fetching GitHub user data from the GitHub REST API. It uses the Fetch API to request `https://api.github.com/users/mistyblunch` and logs the resulting JSON. The first method chains `.then()` callbacks in a Promise-based function, while the second defines an `async` function that uses `await` to handle the response and return the parsed JSON object. Neither function performs any visualization or rendering—only console output.

MMistyBlunch
71% match
Loading thumbnail…

Data Fetcher (Asnyc/Await Promise.Then)

This example demonstrates two techniques for fetching remote data in JavaScript and logging the results to the console. The page uses the Fetch API to retrieve a CSV file of CSS named colors from a GitHub gist, with the data returned as raw text. The code contrasts the use of `async`/`await` syntax within an `async function` against the older `Promise` chaining approach via `.then()` methods. Both methods successfully retrieve the same resource, while a plain `console.log` statement prints a separate message to show the order of execution. The example is implemented as a minimal HTML page inside a React project scaffold.

Jjunxiangyao
69% match
Loading thumbnail…

Gist fefe34600946bdbccd93fc2b6728aefe

This example shows a JavaScript promise used to model a conditional request for a new phone. The code defines a `Promise` constructor that resolves with a phone object when a boolean flag `isMonHappy` is true, and rejects with an error otherwise. The `askMon` function calls the promise, chaining `.then()` to log the resolved phone details and `.catch()` to log the rejection message. The demonstration relies solely on native promise syntax and `console.log` for output, with no external libraries or rendering.

MMistyBlunch
68% match
Loading thumbnail…

Basic promise structure

This example demonstrates a basic promise chain controlling sequential execution of asynchronous functions triggered by a user click. It shows how JavaScript Promises manage ordered flow, with each function logging its completion status before resolving. The code uses native Promise constructors and the `.then()` method to chain `function1()`, `function2()`, and `function3()` after an initial `initialFunction()`. The interaction is tied to a jQuery click handler on `#loadAudio`, and all resolutions print colored console messages via `console.log`. No data sources or visual outputs are involved; the focus is purely on the control-flow pattern.

LLayne Smith
67% match
Loading thumbnail…

Fetch

This example demonstrates the browser's Fetch API by requesting a CSV file containing CSS named colors from a GitHub gist. The code logs the resulting Promise object to the console, showing the pending state before the asynchronous request completes. It uses the native `fetch` function in vanilla JavaScript within an HTML script tag without additional libraries or visualization frameworks.

DDusty White
67% match
Loading thumbnail…

fetch data asynchrously

This example demonstrates how to retrieve data from a remote URL asynchronously using JavaScript. It fetches a CSV file containing CSS named colors from a GitHub gist via the `fetch` API, converts the response to text with `response.text()`, and logs the raw content to the browser console. The code defines a reusable `fetchText` function that wraps the asynchronous fetch and text extraction in a promise chain with `.then()`. The HTML file is minimal, relying entirely on the external `index.js` script for functionality, and no visualization or rendering occurs beyond the console output.

AAbhay kumar singh
66% match
Loading thumbnail…

Early Stage Fetching

This example demonstrates early-stage data fetching with the browser’s native Fetch API, loading a CSV file of CSS named colors from a GitHub gist. It shows two asynchronous techniques: a standard promise chain using `fetch().then()` and `response.text()`, and an `async`/`await` pattern within a custom `myFetcher` function. Both approaches log the fetched text to the console, highlighting the sequence of network requests before any page content renders. The code uses no external libraries, relying solely on vanilla JavaScript and the Fetch API.

RRichard Burd
66% match