3 更高效的iMC――AJAX局部刷新技术
Ajax是实现Web2.0的一些客户端技术的集合,全称为“异步JavaScript和XML技术”(Asynchronous JavaScript and XML);Ajax的核心技术理念在于使用XMLHttpRequest对象发送异步请求。AJAX技术的出现从一定程度上说是挽救了传统的B/S结构,并赋予Web应用新的生命。从用户体验来解释AJAX技术可以理解为:在B/S结构上给予用户C/S的界面观感。基于AJAX的局部刷新技术被广泛应用于iMC的界面展示中,极大提升了iMC的展示效果和界面响应效率。
iMC是一个集多业务于一体的高可用平台,在一个界面中,经常会同时展示多组不同业务提供的数据内容,为了提升数据实时性,部分展示内容需要实时到设备中获取。对于传统Web技术,仅当页面中所有需要绘制的业务数据都已经获取到,才开始展示界面内容。由此产生的问题就是页面展示速率低下。以iMC的设备详细信息界面为例,该界面中除了展示设备基本信息外,根据不同业务组件的安装和部署,还会展示相应的业务数据。例如设备最近的告警、设备的性能数据、设备资产信息、无线设备配置信息、接入设备配置信息等等。在早期iMC版本中,安装的业务组件越多,设备详细信息页面的显示速度就会越慢。
iMC V5版本中,由于使用了基于AJAX的局部刷新技术,在同一界面中,各个业务展示区块相互独立,各自绘制,某个业务模块的数据访问时间不会再影响整个界面的展示速率,易用性得到了大幅提升。
图5 设备详细信息界面的局部刷新
从图5中可以看到,进入设备详细信息界面后,设备基本信息会立即展示,同时其他业务信息处于独立装载的状态,当业务信息装载完成后自动在界面中展示,各模块之间不再相互影响。