Java 使用XML文件连续更新网页
我在将XML文件加载到网页并显示其中包含的信息时遇到了一个小问题。对于这个程序,我试图用加载到XML文件的恒定数据流更新一个非常简单的网页。当我的程序发现新数据时(通常每隔几秒钟一次),它会修改XML文件并保存它。另一个web客户端(在Netbeans中)运行显示此信息的网页。到目前为止,我的问题是当我刷新页面时,没有新数据出现(相同的值仍然存在,尽管我知道它们不应该存在)。然后,我检查XML文件,并且新数据已经存在,因此它正在成功地写入。奇怪的是,一旦我打开xml文件检查信息,一旦我刷新页面,网页就会自动更新。这似乎是更新网页的唯一方法,如果我自己打开xml文件的话。我的问题是,有人知道发生了什么,你能提供一种解决方法吗 我提供了ModifyXML.java代码和index.jsp页面供参考 修改XMLJava 使用XML文件连续更新网页,java,javascript,html,xml,netbeans,Java,Javascript,Html,Xml,Netbeans,我在将XML文件加载到网页并显示其中包含的信息时遇到了一个小问题。对于这个程序,我试图用加载到XML文件的恒定数据流更新一个非常简单的网页。当我的程序发现新数据时(通常每隔几秒钟一次),它会修改XML文件并保存它。另一个web客户端(在Netbeans中)运行显示此信息的网页。到目前为止,我的问题是当我刷新页面时,没有新数据出现(相同的值仍然存在,尽管我知道它们不应该存在)。然后,我检查XML文件,并且新数据已经存在,因此它正在成功地写入。奇怪的是,一旦我打开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>
家庭监视器Web客户端
家庭监视器
段落
段落
段落
段落
if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
open(“GET”,“HTTP.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
//文件。填写(“”);
var data=xmlDoc.getElementsByTagName(“数据”);
var data2=xmlDoc.getElementsByTagName(“data2”);
对于(i=0;i,您可以将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()));
if (!!window.EventSource) {
var source = new EventSource('stream.php');
source.onmessage = function(e) {
document.body.innerHTML += e.data + '<br>';
};
} else {
// Result to xhr polling :(
}