Categories
Frontend JavaScript

JavaScript Fetch API Tutorial: Master Async Network Requests

Learning how to communicate with remote web servers and third-party backend servers is a core requirement for modern front-end engineers. In this JavaScript Fetch API tutorial, we will explore how to natively execute asynchronous HTTP network requests from a browser application window without relying on outdated XMLHttpRequest wrappers or importing external heavy library engines like […]

Categories
JavaScript Open Source Solutions Web

JavaScript Date Format YYYY-MM-DD

Here is a simple function that takes the input of JS Date and returns a string of format YYYY-MM-DD: var getDateFromDateTime = function(date) { date = new Date(date); //Using this we can convert any date format to JS Date var mm = date.getMonth() + 1; // getMonth() is zero-based var dd = date.getDate(); if(mm

Categories
JavaScript Open Source Solutions Web

Convert JavaScript Date format YYYYMMDD

Here is a simple function that takes the input of JS Date and returns a string of format YYYYMMDD: var getDateFromDateTime = function(date) { date = new Date(date); //Using this we can convert any date format to JS Date var mm = date.getMonth() + 1; // getMonth() is zero-based var dd = date.getDate(); if(mm

Categories
JavaScript Open Source Web

AngularJS – Round off Number to Fixed Length of Fractions

Angular’s built in number filter allows one to specify the number of decimals that should be displayed. The syntax is as follows: {{val | number:<count>}} Where val is the value to be displayed, number is the filtername and count is the number of decimals to be displayed. For eg.: If val is 1234.56789 {{val | […]

Categories
JavaScript jQuery Web

JQuery: Join JSON arrays

The simplest way to merge JSON arrays usning JQuery is to use the concat function. var json1 = [{id: 1, name: “one”}]; var json2 = [{id: 2, name: “two”}, {id: 3, name: “three”}]; var finalObj = json1.concat(json2); Here finalObj will contain an array of 3 objects: [{id: 1, name: “one”},{id: 2, name: “two”}, {id: 3, […]