這里為了方便演示，用的是公共 CDN 服務(wù)器提供的 JS，對(duì)于桌面軟件，應(yīng)當(dāng)提前下載到本地再加載會(huì)更快。

WinXP / IE6 已經(jīng)基本被淘汰，市場(chǎng)份額已經(jīng)可以被忽略，Win7 上 IE 最低版本為 IE8 - 實(shí)際上 Win7 的市場(chǎng)份額也在快速萎縮，而 Win10，Win11 自帶的是 IE11 控件（ 雖然 IE11瀏覽器被 Edge 替代，但 IE11 控件仍然屬于 Win10,Win11 系統(tǒng)組件  ）。

首先我們拖一個(gè) static 控件到界面上 —— 用來顯示網(wǎng)頁：

然后切換到代碼視圖，添加以下代碼：

import web.form; var wb = web.form(winform.static);

上面代碼在 winform.static 控件窗口內(nèi)創(chuàng)建瀏覽器對(duì)象 wb。

添加下面的 aardio 代碼導(dǎo)出網(wǎng)頁可以調(diào)用的 aardio 函數(shù) external.getData()

這里我們要將返回的數(shù)據(jù)轉(zhuǎn)換為 JSON，在 JavaScript 里再轉(zhuǎn)換回來：

網(wǎng)頁 JavaScript 里這樣寫：

<script>  $(document).ready(function() {       window.datatable = $('#example').DataTable({         data: eval(external.getData()),         columns: [            { data: 'id'},            { data: 'name'},            { data: 'birthday'}          ]      });  });    reloadData = function(json){    window.datatable.clear();    window.datatable.rows.add(eval(json)).draw();  } </script>

如果要考慮兼容舊版 IE，JavaScript 也可以用 eval(json) 解析 JSON。

上面還定義了一個(gè) reloadData 函數(shù)。在 aardio 代碼里可以這樣調(diào)用網(wǎng)頁中的 JavaScript 函數(shù)：

DataTables 非常強(qiáng)大，還可以自定義界面語言，實(shí)現(xiàn)很多高級(jí)功能（例如單擊編輯，自定義數(shù)據(jù)呈現(xiàn)樣式等 ）。完整范例請(qǐng)參考 aardio 自帶范例：

上圖第 2 個(gè)箭頭指向的是 Chart.js 示例，Chart.js 與 aardio 交互的方法和上面介紹的 DataTables  差不多，這里就不再細(xì)講。Chart.js  其實(shí)也可以兼容 IE9 / IE8 ，但比較啰嗦也沒有意義，建議直接調(diào)用 IE11 組件，這樣寫就可以了：

import web.form; var wb = web.form.ie11(winform.static);

web.form.ie11 與 web.form 的作用一樣，但是會(huì)檢測(cè)系統(tǒng)的 IE是否低于 IE11，如果低于 IE11 就自動(dòng)安裝 IE11 —— 簡單、粗暴、省事。