export data in json format in javascript 1

export data in json format in javascript

ByAnurag batra 
"use strict";

function exportToJsonFile(jsonData) {
    let dataStr = JSON.stringify(jsonData);
    let dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr);

    let exportFileDefaultName = 'data.json';

    let linkElement = document.createElement('a');
    linkElement.setAttribute('href', dataUri);
    linkElement.setAttribute('download', exportFileDefaultName);
    linkElement.click();
}

Here is what the above code is Doing:
1. We create a function called exportToJsonFile.
2. We pass in the jsonData that we want to export.
3. We convert the jsonData to a string.
4. We create a data URI.
5. We create a link element.
6. We set the href attribute to the data URI.
7. We set the download attribute to the file name.
8. We click the link element.

Similar Posts

how to change canvas color in javascript

how to change canvas color in javascript

ByAnurag batra

let ctx = canvas.getContext(“2d”); ctx.fillStyle = “#ff0000”; ctx.fillRect(20, 20, 150, 100); Here is what the above code is Doing: 1. We create a canvas element in the HTML. 2. We get a reference to the canvas element in JavaScript. 3. We get a reference to the canvas element’s context. 4. We set the fillStyle property…

webpack react proxy not working

webpack react proxy not working

ByAnurag batra

//add this config in WebpackDevServer proxy: { ‘/api’: { target: ‘http://localhost:4000’, changeOrigin: true, }, }, Here is what the above code is Doing: 1. We are telling WebpackDevServer to proxy any request that starts with /api to the target http://localhost:4000. 2. We are also telling WebpackDevServer to change the origin of the request to the…

string uppercase

string uppercase

ByAnurag batra

const names = [‘Ali’, ‘Atta’, ‘Alex’, ‘John’]; const uppercased = names.map(name => name.toUpperCase()); console.log(uppercased); // [‘ALI’, ‘ATTA’, ‘ALEX’, ‘JOHN’] Here is what the above code is Doing: 1. We have an array of names. 2. We call the map method on the names array. 3. The map method takes a callback function as an argument….

javascript work out age from date of birth

javascript work out age from date of birth

ByAnurag batra

// To calculate age: var year_born = prompt(“Please enter your date of birth:”, “Type here”); var d = new Date(); var n = d.getFullYear(); function getAge(birthYear){ var currentDate = new Date(); var currentYear = currentDate.getFullYear(); age = currentYear – birthYear; return age; } calculatedAge = getAge(year_born); alert(“Hello, ” + “you are ” + calculatedAge +…