Serial data (hex) to HTML

I'm trying to receive Hex Serial data from a device to be displayed on an HTML page its Done, but it has an issue. In this project there are 3 html files: [login to view URL], [login to view URL], page3.html. The issue is that when I connect to the [login to view URL] the data requested is displayed fine, but when I click on [login to view URL] it also displays the data correctly, the issue shows up when I click again to page1.html. If you see the video you would notice that the Data arrangement changes. The correct data arrangement on page1 should be: 7d 03 18 07 05 00 00 00 00 00 00 00 96 00 00 00 39 00 00 00 8a 00 00 00 64 00 00 56 07 Page2 data is correct and remains the same. If I click back on page1 now the data changes to : 56 07 7d 03 18 07 05 00 00 00 00 00 00 00 96 00 00 00 39 00 00 00 8a 00 00 00 64 00 00. Some how 56 07 jumps before 7d. I need to keep the data always in the correct order all the time. in the Html files you would notice I used: function Getstring(){ var xhttp = new XMLHttpRequest(); var page1; [login to view URL] = function() { if ([login to view URL] == 4 && [login to view URL] == 200) { page1 = String([login to view URL]); [login to view URL]("SENSORValue").innerHTML = page1; } }; [login to view URL]("GET", "/getDATA1", true); [login to view URL](); } I think the issue is that data is updated on top of old data. please review html files and hopefully you understand a bit better.