sender receiver check
flow name tx flow ch1 rx flow ch1  
src_ip_addr 192.168.0.1 192.168.0.1 OK
src_udp_port 10000 10000 OK
dst_ip_addr 239.10.10.11 239.10.10.11 OK
dst_udp_port 20000 20000 OK
dst_mac 01:00:5e:0a:0a:0b 01:00:5e:0a:0a:0b OK
pkt_cnt 34679 1436839465 -1436804786
format_code_valid 1 1  
format_code_mode 16 16=3G-SDI  
format_code_format 0 0=1920x1080  
format_code_rate 10240 10240  

code_rate(10240=59.94Hz progressive sampling)
code_sampling(0=interlaced,8192=progresive)

IE11

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
 <script type="text/javascript">

   function getJson() {

     var xmlhttp_s = new XMLHttpRequest();
     var xmlhttp_r = new XMLHttpRequest();

    var data,data2; // change to global for comprare

     xmlhttp_s.onreadystatechange = function () {
       if (xmlhttp_s.readyState == 4) {
         if (xmlhttp_s.status == 200) {
//           var data = JSON.parse(xmlhttp_s.responseText);
           data = JSON.parse(xmlhttp_s.responseText);

    var elem = document.getElementById("name");
           elem.innerText = data.name;

    var elem = document.getElementById("src_ip_addr");
           elem.innerText = data.network.src_ip_addr;

    var elem = document.getElementById("src_udp_port");
           elem.innerText = data.network.src_udp_port;

    var elem = document.getElementById("dst_ip_addr");
           elem.innerText = data.network.dst_ip_addr;

    var elem = document.getElementById("dst_udp_port");
           elem.innerText = data.network.dst_udp_port;

    var elem = document.getElementById("dst_mac");
           elem.innerText = data.network.dst_mac;

    var elem = document.getElementById("pkt_cnt");
           elem.innerText = data.network.pkt_cnt;

    var elem = document.getElementById("format_code_valid");
           elem.innerText = data.format_code_valid;

    var elem = document.getElementById("format_code_mode");
           elem.innerText = data.format_code_mode;

// code_mode(0=HD-SDI,8=SD-SDI,16=3G-SDI)

    var elem = document.getElementById("format_code_format");
           elem.innerText = data.format_code_format;

    var elem = document.getElementById("format_code_rate");
           elem.innerText = data.format_code_rate;

         } else {
         }
       }
     }

     xmlhttp_s.open("GET", "JSON/215.JSON");
//     xmlhttp_s.open("GET", "http://192.168.39.215/emsfp/node/v1/flows/a04f66a2-9910-11e5-8894-feff819cdc9f/");
     xmlhttp_s.send();

     xmlhttp_r.onreadystatechange = function () {
       if (xmlhttp_r.readyState == 4) {
         if (xmlhttp_r.status == 200) {
//           var data2 = JSON.parse(xmlhttp_r.responseText);
           data2 = JSON.parse(xmlhttp_r.responseText);

    var elem = document.getElementById("name2").innerText =         data2.name;
    var elem = document.getElementById("src_ip_addr2").innerText =  data2.network.src_ip_addr;
    var elem = document.getElementById("src_udp_port2").innerText = data2.network.src_udp_port;
    var elem = document.getElementById("dst_ip_addr2").innerText =  data2.network.dst_ip_addr;
    var elem = document.getElementById("dst_udp_port2").innerText = data2.network.dst_udp_port;
    var elem = document.getElementById("dst_mac2").innerText =      data2.network.dst_mac;
    var elem = document.getElementById("pkt_cnt2").innerText =      data2.network.pkt_cnt;

    var elem = document.getElementById("format_code_valid2").innerText = data2.format_code_valid;

    var elem = document.getElementById("format_code_mode2");
    switch(data2.format_code_mode){
        case "16":    elem.innerText = "16=3G-SDI";             break;
        case "8":    elem.innerText = "8=SD-SDI";               break;
        case "0":    elem.innerText = "0=HD-SDI";               break;
        default:    elem.innerText = data2.format_code_mode;    break;
    }

    var elem = document.getElementById("format_code_format2");
    switch(data2.format_code_format){
        case "64":    elem.innerText = "64=1280x720";             break;
        case "0":    elem.innerText = "0=1920x1080";              break;
        default:    elem.innerText = data2.format_code_format;    break;
    }

     var elem = document.getElementById("format_code_rate2").innerText = data2.format_code_rate;

// ------------------------------------ check --------------------------------------------
//<font color="red">NG</font>
    var elem = document.getElementById("src_ip_addr_c");
    if(data.network.src_ip_addr == data2.network.src_ip_addr) elem.innerText = "OK";

    var elem = document.getElementById("src_udp_port_c");
    if(data.network.src_udp_port == data2.network.src_udp_port) elem.innerText = "OK"; 

    var elem = document.getElementById("dst_ip_addr_c");
    if(data.network.dst_ip_addr == data2.network.dst_ip_addr) elem.innerText = "OK";

    var elem = document.getElementById("dst_udp_port_c");
    if(data.network.dst_udp_port == data2.network.dst_udp_port) elem.innerText = "OK";

    var elem = document.getElementById("dst_mac_c");
    if(data.network.dst_mac == data2.network.dst_mac) elem.innerText = "OK";

//----- end of compare

    }
// if end
    }
// if end
     }
// xmlhttp_r.onreadystatechange = function () end

     xmlhttp_r.open("GET", "JSON/216.JSON");
//     xmlhttp_r.open("GET", "http://192.168.39.215/emsfp/node/v1/flows/a04f66a2-9910-11e5-8894-feff819cdc9f/");
     xmlhttp_r.send();

   }   // end function getJson()

// =========================================  end of Javascript ========================================================
  </script>

</head>
<body>
  <input id="Button_Get" type="button" value="JSON read now!" onclick="getJson();" />
  <hr />

<table border = 2 >
<th align="center"></th><th>sender</th><th>receiver</th><th>check</th>
<tr align="center">
    <th>flow name</th><td><span id="name"></span></td><td><span id="name2"></span></td></tr>
<tr align="center"><th>src_ip_addr</th><td><span id="src_ip_addr"></span></td><td><span id="src_ip_addr2"></span></td>
<td><span id="src_ip_addr_c"></td></tr>
<tr align="center"><th>src_udp_port</th><td><span id="src_udp_port"></span></td><td><span id="src_udp_port2"></span></td>
<td><span id="src_udp_port_c"></td></tr>
<tr align="center"><th>dst_ip_addr</th><td><span id="dst_ip_addr"></span></td><td><span id="dst_ip_addr2"></span></td>
<td><span id="dst_ip_addr_c"></td></tr>
<tr align="center"><th>dst_udp_port</th><td><span id="dst_udp_port"></span></td><td><span id="dst_udp_port2"></span></td>
<td><span id="dst_udp_port_c"></td></tr>
<tr align="center"><th>dst_mac</th><td><span id="dst_mac"></span></td><td><span id="dst_mac2"></span></td>
<td><span id="dst_mac_c"></td></tr>
<tr align="center"><th>pkt_cnt</th><td><span id="pkt_cnt"></span></td><td><span id="pkt_cnt2"></span></td></tr>
<tr align="center"><th>format_code_valid</th><td><span id="format_code_valid"></span></td><td><span id="format_code_valid2"></span></td>
<td><span id="format_code_valid_c"></td></tr>
<tr align="center"><th>format_code_mode</th><td><span id="format_code_mode"></span></td><td><span id="format_code_mode2"></span></td>
<td><span id="format_code_mode_c"></td></tr>
<tr align="center"><th>format_code_format</th><td><span id="format_code_format"></span></td><td><span id="format_code_format2"></span></td>
<td><span id="format_code_format_c"></td></tr>
<tr align="center"><th>format_code_rate</th><td><span id="format_code_rate"></span></td><td><span id="format_code_rate2"></span></td>
<td><span id="format_code_rate_c"></td></tr>
</table>
code_rate(10240=59.94Hz progressive sampling)<BR>

code_sampling(0=interlaced,8192=progresive)<BR>
</body>
</html>