js讀json文件：

<div><input type="file" id="files"/> </div><script>var inputElement = document.getElementById("files");inputElement.addEventListener("change", handleFiles, false);function handleFiles() {var selectedFile = document.getElementById("files").files[0];//獲取讀取的File對象var name = selectedFile.name;//讀取選中文件的文件名var size = selectedFile.size;//讀取選中文件的大小console.log("文件名:"+name+"大小："+size);var reader = new FileReader();//這里是核心！！！讀取操作就是由它完成的。reader.readAsText(selectedFile);//讀取文件的內(nèi)容reader.onload = function(){console.log("讀取結(jié)果：", this.result);//當(dāng)讀取完成之后會(huì)回調(diào)這個(gè)函數(shù)，然后此時(shí)文件的內(nèi)容存儲(chǔ)到了result中。直接操作即可。console.log("讀取結(jié)果轉(zhuǎn)為JSON：");let json = JSON.parse(this.result);console.log(json.name);console.log(json.age);};}</script>

js寫json文件：

<input type="button" id="export" value="保存"/><!-- 關(guān)鍵是要引入這個(gè)js插件 --> <script src="https://cdn.bootcss.com/FileSaver.js/1.3.8/FileSaver.js"></script> <script>var button = document.getElementById("export");button.addEventListener("click", saveHandler, false);function saveHandler(){let data = {name:"hanmeimei",age:88}var content = JSON.stringify(data);var blob = new Blob([content], {type: "text/plain;charset=utf-8"});saveAs(blob, "save.json");}</script>

FileSaver.js相關(guān)介紹

FileSaver.js下載地址

總結(jié)

以上是生活随笔為你收集整理的js读写json文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。