URL.createObjectURL_BLOB

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Using object URLs to download json</title>
</head>
<body>
    <a href="" id="dnjson">Download JSON</a>

    <script>
        window.URL = window.URL || window.webkitURL;

        var data = {
              "transaction": {
                "date": "2018.07.04",
                "time": "13:34:58",
                "classification": "Payment",
                "type": "Offline",
                "amount": 6000
              },
              "card": {
                "information": "MASTER",
                "number": "5461-12**-****-5122",
                "approval": "30001472"
              },
              "more": {
                "name": "CJ-OLIVE-Networks,Inc",
                "number": "281520178",
                "address": "336 Twin City 10 Han River, Yongsan-gu, Seoul",
                "call": "1577-4887"
              }
        };

        var dnjson = document.getElementById("dnjson");
        dnjson.addEventListener("click", function (e) {
            e.preventDefault();
            downLoadJSON();
        }, false);

        function downLoadJSON(files) {
            var json_data = JSON.stringify(data);
            var blob = new Blob([json_data],{type: 'plain/text'});
            var url = window.URL.createObjectURL(blob);
            var dnlink = document.createElement("a");
            dnlink.setAttribute("href", url);
            dnlink.setAttribute("download", "test.json");
            dnlink.click();
        }

    </script>
</body>
</html>