Plane html force download json file

The code below will tell the browser to prompt the user to save the file. This link does not have the download attribute. This link has the download attribute. Read More From Actual Wizard Understanding the Different Parts of an Email Address An email address has four parts; the recipient name, the symbol, the domain name, and the top-level domain.

There are a number of different ways to get the last element of an array in JavaScript. Below we will explore …. How to use document. Hyperlinks are the pillar of the web as we know it.

There are also other attributes like rel and target. And then there's this attribute called download , part of HTML5. Guess what, when you put this attribute on a link the user is prompted to download whatever you have in the anchor element. Let's see! To start off let's create the HTML structure for our experiment: we need a form and an anchor :. The form has two fields and a submit button.

The anchor does not have an href for now , and more important, the download attribute is already set. With this in place let's wire up the JavaScript logic for handling the form. First things first let's handle the quintessential submit event. Create a new file named form. We prevent the form from sending data to the backend and we forward this to a utility function.

Today's test in Edge: data. While this is a great answer, initMouseEvent is a deprecated Web Standard and should not be used anymore. Instead, use the new MouseEvent interface. It's just a minor refactor though.

Thanks, only one that didn't give me size issues — Roelant. Hope this helps someone. Fabian von Ellerts 3, 31 31 silver badges 32 32 bronze badges.

Brad Brad 6, 7 7 gold badges 31 31 silver badges 44 44 bronze badges. This worked on Chrome, but doesn't seem to work on Firefox Nice function, add document. Mohammed H 6, 13 13 gold badges 73 73 silver badges bronze badges. I believe you should clean link after you're done with it, by calling link. Thank you! Nam Do Nam Do 33 7 7 bronze badges. Sorry for coming back to you late. I tried your answer and it does download file but contains wrong data in it..

React : add this where you want in your render method. Abido Abido 5 5 silver badges 18 18 bronze badges. If you prefer console snippet, raser, than filename, you can do this: window.

Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Introducing Content Health, a new way to keep the knowledge base up-to-date. Podcast what if you could invest in your favorite developer? Featured on Meta.