Zabbix监控系统开发(2):JSON多维数组筛选字段是否包含字符串的解决方案

Zabbix监控系统设备出现故障，即提示停机和告警信息时，是在triggers字段的中完成的。而triggers字段是一个数组对象，triggers[0]代表停机，triggers[1]代表告警。

1. triggers[0].value为0正常，为1停机；
2. triggers[1].value0正常，为1告警；

triggers数据结构

[
    {
        "triggerid": "23025",
        "expression": "{34226}=0",
        "description": "百度 Ping 不可达 / 安防设备",
        "url": "",
        "status": "0",
        "value": "0",
        "priority": "4",
        "lastchange": "1660602885",
        "comments": "",
        "error": "",
        "templateid": "0",
        "type": "0",
        "state": "0",
        "flags": "4",
        "recovery_mode": "0",
        "recovery_expression": "",
        "correlation_mode": "0",
        "correlation_tag": "",
        "manual_close": "0",
        "opdata": "",
        "event_name": "",
        "uuid": ""
    },
    {
        "triggerid": "23029",
        "expression": "{34230}>1",
        "description": "百度 Ping 延迟大于 1000 毫秒 / 安防设备",
        "url": "",
        "status": "0",
        "value": "0",
        "priority": "2",
        "lastchange": "1660360605",
        "comments": "",
        "error": "",
        "templateid": "0",
        "type": "0",
        "state": "0",
        "flags": "4",
        "recovery_mode": "0",
        "recovery_expression": "",
        "correlation_mode": "0",
        "correlation_tag": "",
        "manual_close": "0",
        "opdata": "",
        "event_name": "",
        "uuid": ""
    }
]

项目需求

在数据传递到大屏时，如果出现停机或告警信息时，状态灯由绿变红。

项目分析

• 每个设备都对应一组数据，每组数据都有对应的状态展示，即triggers[0]和triggers[1]；
• 当API接口传递N个设备时，意味着数据对应N个triggers[0]和triggers[1]；
• 在N个triggers[0]和triggers[1]数据中，有一个出现1，则表明故障，将状态灯调整即可。

解决思路

将上面的项目分析，转化为技术底层逻辑。 传过来的json数据，单独过滤出triggers，将过滤出的triggers重新组合成一个新的数组。只要判断在新的数组中，包含“1”即表明当前设备中存在故障设备，调整状态灯即可。

核心代码 获取API数据

 $.when(
        $.getJSON('api/api.php?act=getZabAlert&token=3cab7ce4142608c0f40c785b5ab5ca24', {keys: '安防设备'})
    ).done(function (res1) {
    //数据处理区
 });

数据处理区

   /*状态灯判断*/
        var lightStatus = [];
        for (var j = 0; j  -1) {
            // 状态灯处理
        }

将lightStatus数组通过.toString()方法转为字符串，然后使用indexOf方法判断是否包含"1"这个字符传。如果包含，则调用状态灯。

状态灯处理

 $("#wStatus").removeClass().addClass("alert1");

状态灯CSS

/*告警状态*/
.alert1 {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #e60000; /*FF0087*/
    margin: auto 5px;
}

.alert2 {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #40f453;
    margin: auto 5px;
}

.alert3 {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #FFBF00;
    margin: auto 5px;
}

话题延伸

如何单独判断当前设备是停机还是告警状态？

    var light1 = [], light2 = [];
    for (var j = 0; j < res1.length; j++) {
        light1.push([res1[j].triggers[0].value]);
        light2.push([res1[j].triggers[1].value]);
    }

    if (light1.toString().indexOf("1") > -1 && light2.toString().indexOf("1") > -1) {
        // 停机&告警
    }

    if (light1.toString().indexOf("1") > -1) {
        // 停机
    }

    if (light2.toString().indexOf("1") > -1) {
        // 告警
    }

@lockdata.cn