使用jQuery將json對象下載為json文件

Question

我正在尋找方法下載一個stringfied json對象作為文件..

我確實有一個解決方案，如這個小提琴示例中所示：

小提琴

我的工作版看起來像這樣

HTML

    From data attribute of span:
    <span id="a-data"></span>
    <span id="obj-data" data-obj2='{"obj-1": "text-1","obj-2": "text-2","obj-3": "text-3"}'></span>

JavaScript的

    var obj = $("#obj-data").data("obj2");
    var data = "text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(obj));
    $('<a href="data:' + data + '" download="data.json">Download Me</a>').appendTo("#a-data");

如果我可以使用這個HTML，我更喜歡。 你能建議一種接近的方法嗎？

From data attribute of self:
<div id="data" data-obj='{"obj-1": "text-1","obj-2": "text-2","obj-3": "text-3"}'>
    Download Me
</div>

Answer 1

嘗試替代"application/json"為"text/json" ，調用.click()在DOM元素a ，消除a在click處理程序

 $("#data").click(function() { $("<a />", { "download": "data.json", "href" : "data:application/json," + encodeURIComponent(JSON.stringify($(this).data().obj)) }).appendTo("body") .click(function() { $(this).remove() })[0].click() }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <div id="data" data-obj='{"obj-1": "some text","obj-2": "text-2","obj-3": "text-3"}'> Download Me </div> 

jsfiddle http://jsfiddle.net/kda2rdLy/