本地寫json資料並在頁面中呼叫
阿新 • • 發佈：2019-02-12
這裡我自己寫的是兩個方法，一種是用js檔案中寫的，一種是在json檔案中寫的。
js檔案：
var workData = { "firstWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "secondWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "thirdWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "fourthWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] } }
可以在html檔案中呼叫 <script src="路徑 + json.js"></script> 之後可以用console.log(workData)看一下，可以成功呼叫。
json檔案：
{ "firstWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "secondWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "thirdWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] }, "fourthWork":{ "companyName":"", "time":"", "department":"", "position":"", "project":[ { "name":"", "time":"", "content":"", "technology":"" } ] } }
可以使用ajax來呼叫
$.ajax({
url: "路徑 + 名稱.json",//json檔案位置
type: "post",
dataType: "json", //返回資料格式為json
success: function(data) {//請求成功完成後要執行的方法
console.log(data)
}
})