json文件是一種輕量級的數據交互格式。一般在jquery中使用getJSON()方法讀取。
$.getJSON(url,[data],[callback])
url:載入的頁面地址
data: 可選項,發送到伺服器的數據,格式是key/value
callback:可選項,載入成功後執行的回調函數
1.首先建一個JSON格式的文件userinfo.json 保存用戶信息。如下:
?
1234567891011121314151617
[{"name":"張國立","sex":"男","email":"[email protected]"},{"name":"張鐵林","sex":"男","email":"[email protected]"},{"name":"鄧婕","sex":"女","email":"[email protected]"}]
2.其次建一個頁面用於獲取JSON文件里的用戶信息數據,並顯示
?
04142
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>getJSON獲取數據</title><script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><style type="text/css">#divframe{ border:1px solid #999; width:500px; margin:0 auto;}.loadTitle{ background:#CCC; height:30px;}</style>< script type = "text/javascript" >$(function (){ $("#btn").click(function () { $.getJSON("js/userinfo.json", function (data){ var $jsontip = $("#jsonTip"); var strHtml = "123"; //存儲數據的變數 $jsontip.empty(); //清空內容 $.each(data, function (infoIndex, info){ strHtml += "姓名:" + info["name"] + "<br>"; strHtml += "性別:" + info["sex"] + "<br>"; strHtml += "郵箱:" + info["email"] + "<br>"; strHtml += "<hr>" }) $jsontip.html(strHtml); //顯示處理後的數據 }) })})</script></head><body><div id="divframe"><div class="loadTitle"><input type="button" value="獲取數據" id="btn"/></div><div id="jsonTip"></div></div></body></html>
『貳』 *.json文件如何打開
json文件可以用文本編輯器打開,這里以記事本為例。
1、右擊需要打開的json文件,在展開的菜回單中點擊「屬性」按鈕答打開屬性設置界面:
『叄』 json格式怎麼打開
打開json格式的文件的具體操作步驟如下:
操作設備:聯想拯救者Y9000。
操作系統:Win10專業版。
操作軟體:記事本。
1、首先在電腦的桌面上使用滑鼠右鍵單擊要進行打開的「json」格式的文件,然後在彈出的選項框內點擊「打開方式」選項。
json格式的特色:
它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文本格式,但是也使用了類似於C語言家族的習慣。 這些特性使JSON成為理想的數據交換語言。
『肆』 vite2 讀取json文件的幾種方法
vite2 裡面可以用 import來讀取json文件了,看著挺方便的,我還特意把json文件放在了 public 文件夾裡面,想著發布之後我可以直接修改json文件,而不用重新打包了。
但是想法很好,實際上並不是這么回事。
改成js就改吧,但是發布之後,改json文件就無效了,想法落空。
一般用 import 載入文件,後面的url必須是常量,不能修改,不能拼接。那麼如果我們想要動態載入怎麼辦?其實稍微改一下就可以。
這樣就可以根據蠶食拼接url,然後再載入文件了。不過這種方法還是會先把json文件改成js文件,然後再載入。
最後還得用axios,這樣項目發布後可以直接修改json文件了。
不過也有個小麻煩,還得自己做緩存,否則每次使用的時候都會重新載入。
開發環境就先不做緩存了,生產環節在做緩存。
這個是vite專有的方式,一開始是想用的,但是發現還是發布的時候就確定了json文件的內容,發布後再修改就都無效了。
好吧,其實似乎一點都不好用。
本來想用這個白嫖 blog 的。可以自動載入json文件呀。
『伍』 json格式文件怎麼打開
可以用電腦系統自帶的記事本打開,也可以使用瀏覽器打開,另外火狐瀏覽器的書簽備份文件也是用的json格式,打開時只要導入火狐瀏覽器即可
『陸』 uni讀取本地JSON數據文件
對於json數據分為兩種情況
可以在js文件將json用export導入,在需要的頁面用import進行導入,import無法導入.json文件
uni.request是無法讀取本地的.js文件和.json文件的,jq是都能讀取的,但是jq只能在 H5 端引入使用,要注意這點
『柒』 如何讀取Json文件的數據
var json = { contry:{ area:{ man:"12萬", women:"10萬" } } };
//方式一:使用eval解析
var obj = eval(json);
alert(obj.constructor);
alert(obj.contry.area.women);
//方式二:使用Funtion函數
var strJSON = "{name:'json name'}";//得到的JSON
var obj = new Function("return" + strJSON)();//轉換後的JSON對象
alert(obj.name);//json name
alert(obj.constructor);
//復雜一點的json數組數據的解析
var value1 = [{"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"}, {"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"}, {"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}]; var obj1 = eval(value1);
alert(obj1[0].c01);
//復雜一點的json的另一種形式
var value2 = {"list":[ {"password":"1230","username":"coolcooldool"}, {"password":"thisis2","username":"okokok"}], "array":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]};
var obj2 = eval(value2);
alert(obj2.list[0].password);
『捌』 json格式怎麼打開
『玖』 怎麼打開json文件
json格式文件打開的方式一:用記事本打開
右擊json格式文件,選擇打開方式,會有記事本可以選擇,點擊就可以打開了。
json格式文件打開的方式二:可以用瀏覽器打開
用樣的右擊json格式文件,選擇打開方式,若是不能直接看到瀏覽器,可以點擊選擇默認程序,裡面就會有瀏覽器可以選擇點擊打開。
json格式文件打開的方式三:可以利用文件編輯器打開
文件編輯器有很多種,像是sublime text、notepad等文件編輯器都可以用來打開json格式文件,但是你需要在電腦上安裝這些編輯器,(可以下載這些軟體的地址:php中文網工具下載)下面我們用sublime text為例來打開一個json格式文件。
也是右擊json格式文件,選擇打開方式,會有sublime text,然後點擊就可以打開;
或者可以直接右擊json格式文件,然後可以看見有一個open with sublime text,點擊直接就可以打開,同樣的使用notepad也是用相同的步驟打開。
『拾』 Android讀取本地json文件的方法
本文實例講述了Android讀取本地json文件的方法。分享給大家供大家參考,具體如下:
1、讀取本地JSON ,但是顯示漢字亂碼
public static String readLocalJson(Context context, String fileName){ String jsonString=""; String resultString=""; try { BufferedReader bufferedReader=new BufferedReader(new InputStreamReader( context.getResources().getAssets().open(fileName))); while ((jsonString=bufferedReader.readLine())!=null) { resultString+=jsonString; } } catch (Exception e) { // TODO: handle exception } return resultString;}
2、讀取本地JSON,顯示漢字正確,txt文件設置時UTF-8,UNIX
public static String readLocalJson(Context context, String fileName){ String jsonString=""; String resultString=""; try { InputStream inputStream=context.getResources().getAssets().open(fileName); byte[] buffer=new byte[inputStream.available()]; inputStream.read(buffer); resultString=new String(buffer,"GB2312"); } catch (Exception e) { // TODO: handle exception } return resultString;}