作者kororoDX (軍曹)
看板Web_Design
標題[問題] 網頁擷取JSON檔的資料
時間Wed Sep 25 12:10:04 2019
如題
我電腦裡有一個JSON檔案
我現在在寫一個網頁，是HTML
我想讓這個網頁
可以對我的JSON檔裡面做搜尋
然後將結果顯示到網頁上
請問要怎麼做QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.204.19.167 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1569384606.A.75E.html
1F：推 windclara: 做個簡單的小後端讀檔 09/25 12:33
2F：推 vi000246: google :js parse json file 09/25 13:26
問一下喔
我在html裡面插入這串
為什麼沒有反應QQ
<script type="text/javascript">
<!JavaScript的物件表示>
$(document).ready(function() {
var str = "C:\Users\UTV\Desktop\dbxr.json";
url =str;
$.ajaxSetup({
async: false
});
$.getJSON(url, {}, function (data)
$("#ip_str").text(data.ip_str);
$("#port").text(data.port);
});
});
</script>>
※ 編輯: kororoDX (180.204.19.167 臺灣), 09/25/2019 14:42:55
3F：→ IcecreamHsu: 你有放jquery嗎 09/25 15:07
4F：→ tino1991: js註解單行是// 多行是/* */喔 09/25 15:54
5F：推 prouno: local端的檔案, 應該需要透過使用者的 input file event 09/25 22:58
6F：→ prouno: 再 readastext才有辦法 parse JSON 09/25 22:58
7F：推 shter: local 端的可以直接用 XMLHttpRequest 讀進來啊 09/26 00:03
8F：→ shter: 但是瀏覽器的安全管控可能不一樣，有的會開有的沒開 09/26 00:03
9F：→ shter: 像我用 Firefox 可以，Chrome 會擋，要用參數 09/26 00:05
10F：→ shter: chrome.exe --allow-file-access-from-files 09/26 00:05
11F：→ konkonchou: 換個方式,把JSON存進MSSQL裡,支援JSON_QUERY直接查詢 09/26 00:42
12F：→ konkonchou: AJAX去後端把資料拉回前端就好, 程式碼或許還比較簡潔 09/26 00:44
13F：推 kawaii98: ajax 09/26 11:30
14F：推 kawaii98: 路徑怪怪的.... 你有建立環境嗎？ 09/26 11:32
15F：→ froce: 現在兩大現代瀏覽器fx和chrome都會直接擋存取本機檔案，建 10/16 07:32
16F：→ froce: 議要開發的話用vscode的live server或丟到npm dev server 10/16 07:32
17F：→ froce: 下的public資料夾裡 10/16 07:32
18F：→ maplecheng: .json要放在service裡 12/01 16:14