3

XML ファイルを Web ページにロードし、そこに含まれる情報を表示する際に小さな問題があります。このプログラムでは、XML ファイルにロードされる一定のデータ ストリームを使用して、非常に単純な Web ページを更新しようとしています。プログラムが新しいデータを見つけると (通常は数秒に 1 回)、XML ファイルを変更して保存します。別の Web クライアント (Netbeans 内) が、この情報を表示する Web ページを実行します。現在のところ、私の問題は、ページを更新しても新しいデータが表示されないことです (そうであってはならないことがわかっていても、同じ値が表示されます)。次に、XML ファイルを確認すると、新しいデータが存在するため、正常に書き込みが行われています。奇妙なことに、xml ファイルを開いて情報を確認すると、ページを更新すると Web ページが自動的に更新されます。Web ページを更新する唯一の方法は、自分で xml ファイルを開くことです。私の質問は、何が起こっているのか知っている人はいますか?これを解決する方法を提供できますか?

参照用に、ModifyXML.java コードと index.jsp ページを提供しました。

XML の変更

import java.io... //all import statements not shown
public class ModifyXML {

    //provide the byte array and the number of the sensor that needs to be 
    //updated in the XML file
    public ModifyXML(byte[] array, int signal) {

        try {
            //create a new Document Builder to modify the XML file 
            String filepath = "C:\\user\\projects\\onlineClient\\web\\HTTP.xml";
            DocumentBuilderFactory docFactory = DocumentBuilderFactory.newInstance();
            DocumentBuilder docBuilder = docFactory.newDocumentBuilder();
            Document doc = docBuilder.parse(filepath);


            // Get the root element
            Node Sensor = doc.getFirstChild();

            // Get the staff elements by tag name directly
            Node data = doc.getElementsByTagName("Data").item(0);
            Node data2 = doc.getElementsByTagName("Data2").item(0);

         /* Methods to update the information are not shown as they work fine (it saves space)*/



            // write the content into xml file
            TransformerFactory transformerFactory = TransformerFactory.newInstance();
            Transformer transformer = transformerFactory.newTransformer();
            DOMSource source = new DOMSource(doc);
            StreamResult result = new StreamResult(new File(filepath));
            transformer.transform(source, result);

            System.out.println("Done");

        } catch (ParserConfigurationException pce) {
            pce.printStackTrace();
        } catch (TransformerException tfe) {
            tfe.printStackTrace();
        } catch (IOException ioe) {
            ioe.printStackTrace();
        } catch (SAXException sae) {
            sae.printStackTrace();
        }
    }
}

index.jsp

<html>
<title>Home Monitor Web Client</title>
<body>
    <h1>Home Monitor</h1>
    <p id="demo">Paragraph.</p>

    <p id="demo2">Paragraph.</p>

    <br>

    <p id="demo3">Paragraph.</p>

    <p id="demo4">Paragraph.</p>

    <script type="text/javascript">
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET","HTTP.xml",false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML;

    //document.write("<table border='1'>");
    var data=xmlDoc.getElementsByTagName("data");
    var data2=xmlDoc.getElementsByTagName("data2");
    for (i=0;i<temperature.length;i++)
    {
        document.getElementById("demo").innerHTML="ID Number: "+data[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue;
        document.getElementById("demo2").innerHTML="Reading: "+data[i].getElementsByTagName("Value")[0].childNodes[0].nodeValue;
        document.getElementById("demo3").innerHTML="ID Number: "+data2[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue;
        document.getElementById("demo4").innerHTML="Reading: "+data2[i].getElementsByTagName("Value")[0].childNodes[0].nodeValue;
    }
    </script>
</body>
</html>
4

1 に答える 1

0

サーバー側イベントで html5 イベント ソースを使用できます。それに関する良い記事があります

彼らはこの例を示しています（PHPとjsで書かれていますが、Javaに変換できるはずです）

サーバーコード (PHP)

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache'); // recommended to prevent caching of event data.

/**
 * Constructs the SSE data format and flushes that data to the client.
 *
 * @param string $id Timestamp/id of this connection.
 * @param string $msg Line of text that should be transmitted.
 */
function sendMsg($id, $msg) {
  echo "id: $id" . PHP_EOL;
  echo "data: $msg" . PHP_EOL;
  echo PHP_EOL;
  ob_flush();
  flush();
}

$serverTime = time();

sendMsg($serverTime, 'server time: ' . date("h:i:s", time()));

クライアントコード (js)

if (!!window.EventSource) {
var source = new EventSource('stream.php');
source.onmessage = function(e) {
      document.body.innerHTML += e.data + '<br>';
    };    
} else {
  // Result to xhr polling :(
}

こちらのチュートリアルをご覧ください。 http://www.html5rocks.com/en/tutorials/eventsource/basics/

于 2012-08-23T15:34:50.853 に答える