DeveloperBreeze

Fetching Chuck Norris Jokes from API in JavaScript

javascript
#Error Handling #API fetch #Chuck Norris jokes #apiUrl #response.json #data.value 
const apiUrl = 'https://api.chucknorris.io/jokes/random';
fetch(apiUrl)
    .then(response => response.json())
    .then(data => console.log('Chuck Norris Joke:', data.value))
    .catch(error => console.error('Error:', error));

Continue Reading

Handpicked posts just for you — based on your current read.

Dynamic and Responsive DataTable with Server-Side Processing and Custom Styling

  • serverSide: true enables server-side pagination, sorting, and filtering.
  • processing: true displays a processing indicator while fetching data.
  • The ajax object defines how data is fetched from the server.
  • url: Endpoint for fetching data.
  • type: HTTP method (GET).
  • error: Logs errors that occur during the AJAX request.
  • dataSrc: Processes the server's response. It logs the data and returns records for display.

Oct 24, 2024 Code

Handling HTTP Requests and Raw Responses in Laravel

  • $response->json(): Decodes the JSON response to an associative array automatically, allowing you to work with it directly in PHP.

Sometimes, you might receive raw responses in formats other than JSON, such as a query string or plain text. Here’s how to handle and process raw responses:

Oct 24, 2024 Tutorial

20 Useful Node.js tips to improve your Node.js development skills:

No preview available for this content.

Oct 24, 2024 Article

AJAX with JavaScript: A Practical Guide

  • JavaScript: To interact with the DOM and make HTTP requests.
  • XMLHttpRequest or the Fetch API: To send and receive data from a web server.
  • JSON or XML: For data formatting.
  • HTML/CSS: For rendering the data on the webpage.

While AJAX originally stood for "Asynchronous JavaScript and XML," JSON has become the most commonly used data format over XML.

Sep 18, 2024 Tutorial

Advanced JavaScript Tutorial for Experienced Developers

  • map: Applies a function to each element in an array and returns a new array with the results.
  const numbers = [1, 2, 3, 4];
  const doubled = numbers.map(x => x * 2);
  console.log(doubled); // Output: [2, 4, 6, 8]

Sep 02, 2024 Tutorial

Getting Started with Axios in JavaScript

If you're making multiple requests to the same base URL or with the same configuration, you can create an Axios instance.

const apiClient = axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com',
  timeout: 1000,
  headers: { 'X-Custom-Header': 'foobar' }
});

apiClient.get('/posts/1')
  .then(response => {
    console.log('Post:', response.data);
  });

Sep 02, 2024 Tutorial

Solidity Cheatsheet 

library Math {
    function add(uint a, uint b) internal pure returns (uint) {
        return a + b;
    }
}

contract MyContract {
    using Math for uint;

    function calculate(uint a, uint b) public pure returns (uint) {
        return a.add(b);
    }
}

Fallback and receive functions handle direct payments to contracts.

Aug 22, 2024 Cheatsheet

Creating and Managing Bash Scripts for Automation 

   set -euo pipefail
  • -e: Exit immediately if a command exits with a non-zero status.
  • -u: Treat unset variables as an error.
  • -o pipefail: Prevents errors in a pipeline from being masked.

Aug 19, 2024 Tutorial

React Custom Hook for API Requests

  • Custom Headers: Extend the hook to accept custom headers or authentication tokens in the options parameter.
  • Polling: Implement a polling mechanism by setting up a setInterval within the useEffect for periodically fetching data.
  • Data Transformation: Add a callback function to transform the fetched data before setting it in state.

Aug 12, 2024 Code

Python Logging Snippet

  • Logging Handlers: The logging module is configured to handle logging in two ways:

- FileHandler: Writes logs to a file (logs/app.log), useful for long-term storage and analysis.

Aug 08, 2024 Code

Fetching Weather Information from OpenWeatherMap API

No preview available for this content.

Jan 26, 2024 Code

PHP File Upload

No preview available for this content.

Jan 26, 2024 Code

Promise-based Execution of Python Code with jsPython

No preview available for this content.

Jan 26, 2024 Code

Execute Python Code Using Skulpt

  • Skulpt Configuration:
  • Sk.configure sets up Skulpt with custom functions for output and file reading.
  • output Function: Captures and logs output from the Python code to the browser's console.
  • read Function: Simulates file reading for Skulpt. If <stdin> is requested, it returns predefined Python code. Otherwise, it throws an error indicating the file wasn't found.
  • Defining Python Code:
  • The pythonCode variable contains the Python code to be executed. In this example, it prints two messages:
    print("Hello, Skulpt!")
    print("This is Python code running in JavaScript.")

Jan 26, 2024 Code

POST Request with Fetch API and JSON Data

No preview available for this content.

Jan 26, 2024 Code

Bybit Futures API Integration Using ccxt Library with Error Handling

No preview available for this content.

Jan 26, 2024 Code

Discussion 0

Please sign in to join the discussion.

No comments yet. Start the discussion!