Avalonia跨平台入门第四十五篇之RestFul

文章预览

前面一篇咱们为了 适配移动端套餐在Avalonia下简单玩耍了一下 WebSocket, 今天再次换另一种方式再来实现一下; 1、前端通过Get的方式获取数据: const fetchData = async () => { try { const response = await fetch( 'http://172.17.87.136:8989/XX/Control/GetAllScreen' ); if (!response.ok) { throw new Error ( 'Network response was not ok' ); } // 使用 response.json() 方法来解析 JSON 数据 const data = await response.json(); return data.devices; } catch (error) { console .error( 'Fetch error:' , error); return []; } }; 2、根据数据绘制界面和监听事件 : const loadPanels = async () => { //通过HTTP的方式获取数据 const devices = await fetchData(); const panelContainer = document .getElementById( 'panelContainer' ); devices.forEach( device => { const panel = createPanel(device); panelContainer.appendChild(panel); // 为每 ………………………………