PTT數位生活區 / Web_Design

[問題] 網頁擷取JSON檔的資料

看板Web_Design作者 (軍曹)時間5年前 (2019/09/25 12:10), 5年前編輯推噓6(6推 0噓 12→)
留言18則, 10人參與, 5年前最新討論串1/1
如題 我電腦裡有一個JSON檔案 我現在在寫一個網頁，是HTML 我想讓這個網頁 可以對我的JSON檔裡面做搜尋 然後將結果顯示到網頁上 請問要怎麼做QQ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.204.19.167 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1569384606.A.75E.html
推
09/25 12:33, 5年前 , 1F
做個簡單的小後端讀檔
09/25 12:33, 1F
推
09/25 13:26, 5年前 , 2F
google :js parse json file
09/25 13:26, 2F
問一下喔 我在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
→
09/25 15:07, 5年前 , 3F
你有放jquery嗎
09/25 15:07, 3F
→
09/25 15:54, 5年前 , 4F
js註解單行是// 多行是/* */喔
09/25 15:54, 4F
推
09/25 22:58, 5年前 , 5F
local端的檔案, 應該需要透過使用者的 input file event
09/25 22:58, 5F
→
09/25 22:58, 5年前 , 6F
再 readastext才有辦法 parse JSON
09/25 22:58, 6F
推
09/26 00:03, 5年前 , 7F
local 端的可以直接用 XMLHttpRequest 讀進來啊
09/26 00:03, 7F
→
09/26 00:03, 5年前 , 8F
但是瀏覽器的安全管控可能不一樣，有的會開有的沒開
09/26 00:03, 8F
→
09/26 00:05, 5年前 , 9F
像我用 Firefox 可以，Chrome 會擋，要用參數
09/26 00:05, 9F
→
09/26 00:05, 5年前 , 10F
chrome.exe --allow-file-access-from-files
09/26 00:05, 10F
→
09/26 00:42, 5年前 , 11F
換個方式,把JSON存進MSSQL裡,支援JSON_QUERY直接查詢
09/26 00:42, 11F
→
09/26 00:44, 5年前 , 12F
AJAX去後端把資料拉回前端就好, 程式碼或許還比較簡潔
09/26 00:44, 12F
推
09/26 11:30, 5年前 , 13F
ajax
09/26 11:30, 13F
推
09/26 11:32, 5年前 , 14F
路徑怪怪的.... 你有建立環境嗎？
09/26 11:32, 14F
→
10/16 07:32, 5年前 , 15F
現在兩大現代瀏覽器fx和chrome都會直接擋存取本機檔案，建
10/16 07:32, 15F
→
10/16 07:32, 5年前 , 16F
議要開發的話用vscode的live server或丟到npm dev server
10/16 07:32, 16F
→
10/16 07:32, 5年前 , 17F
下的public資料夾裡
10/16 07:32, 17F
→
12/01 16:14, 5年前 , 18F
.json要放在service裡
12/01 16:14, 18F
‣ 更多 kororoDX 的文章
文章代碼(AID): #1TYkYUTU (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 kororoDX 的文章
文章代碼(AID): #1TYkYUTU (Web_Design)