Axure是一個非常流行的原型設計工具,相比其他工具,其最大的優勢就在于其可以讓設計師直接通過代碼編寫交互、邏輯等功能。在實際設計中,有時需要讀取外部數據,就需要使用到 Axure 讀取 json 文件的功能。
var data; $.getJSON("data.json", function(json) { data = json; });
使用 Axure 讀取 json 文件的過程非常簡單,只需要在 Axure 中插入 HTML Widget,然后在 Code 窗口中輸入上述代碼即可實現讀取 json 文件的操作。其中,變量 data 就是 json 文檔中的數據,您可以通過畫布上的控件將數據進行展示。
如果您的 json 文件比較復雜,包含多級嵌套的數據結構,您可以使用 Axure 8 版本中引入的高級技巧。在 Code 窗口中,可以使用 AxQuery 來處理較為復雜的數據結構。
var data; $.getJSON("data.json", function(json) { data = json; var tableData = $.axquery(data) .find("table >tbody >tr") .each(function(index, row) { console.log(row); }); });
上述代碼將使用 AxQuery 處理 json 文件,查找所有的 table 中的行數據,并打印到控制臺中。通過使用 AxQuery,您可以很方便地對復雜的 json 數據進行處理,從而更好地滿足實際的設計需求。
下一篇jsp 轉vue