1.2.13 创建交互-Ajax

《开源安全运维平台--OSSIM最佳实践》第1章OSSIM架构与原理，本章从OSSIM起源讲起，介绍了目前运维人员现状，逐步谈到应用SIEM的必要性，进而介绍OSSIM架构与组成原理，另外还介绍了基于插件的日志采集思路，提出标准化安全事件的全新理念，详细分析了OSSIM的高可用架构与实现方法。本节为大家介绍创建交互-Ajax。

作者：李晨光来源：清华大学出版社|2016-01-14 16:36: 收藏

分享

开发者盛宴来袭！7月28日51CTO首届开发者大赛决赛带来技术创新分享

1.2.13 创建交互-Ajax

OSSIM的Web UI具有很强的可定制性，允许用户更改默认的系统功能，可根据自己喜好，对其显示位置进行个性化定制，比如个性化的主页或仪表盘或者SIEM控制台，根据情况增加/删除过滤插件，这些后台实现通过jQuery库实现（/usr/share/ossim/www/js/）jQuery比Javascript更简单，减少了复杂的交互。在OSSIM的Web UI中利用Ajax+jQuery技术实现UI创建具有各种定制功能。可以说没有Ajax+jQuery就没有Ossim UI中各种丰富的交互式图表的展示。

PHP开发人员在框架中实现Ajax（Asynchronous Javascript And XML，异步JavaScript和XML）技术。在框架中使用Ajax技术可以改变传统B/S应用程序的一些弊端，例如对用户反应不灵敏等。传统的Web应用中，用户总是处于提交、等待、响应过程中。而利用Ajax技术提供了客户端与服务器异步通信的能力，从根本上让用户从请求、等待、响应的循环中解脱出来，在OSSIM中从哪里查看呢？从/usr/share/ossim/www/assets/ajax下的程序分析得知，OSSIM前台框架采用了Ajax技术。

在OSSIM前台框架的描述网页中有很多页面，它们有着相似之处，我们使用Ajax加载不同的地方即可，这样提高了页面加载速度，用Ajax还可以让页面不用刷新，也能显示不同内容。OSSIM系统可以说UI离不开Ajax技术，其整个UI可看成是基于JavaScript事件驱动数据由XML HTTP获取。详细过程大家可阅读usr/share/ossim/www/js/prototype.js源码。

实例：为什么在OSSIM Web UI中加载图像时会出现Loading widget?如图1-28所示。

在OSSIM中，通过Ajax向页面中加载内容时，由于机器问题会出现"loading widget"提示，伴随菊花圈不停旋转，这时页面在加载控件。如果读者具有PHP基础，还可以继续分析/usr/share/ossim/www/dashboard/sections/wizard/wizard.php和/usr/share/ossim/www/dashboard/js/analytics_duo.js。

喜欢的朋友可以添加我们的微信账号：

51CTO读书频道二维码