Question

我实际上正在我的高中学习一个小组项目（所以我不是一个真正的开发者）我必须创建一个网站，它将显示我的Arduino卡创建的Web服务器的一些数据（只是一个html页面）。我通过互联网看了8周的解决方案，我确定没找到任何东西，我有1个星期完成这个，我很绝望......

我学习了HTML和CSS，一点点javascript和jQuery。我所有的业务都是在当地的环境中进行的。

首先，我尝试通过在新窗口中打开Web服务器来获取值 - ＆gt;取得所需的价值 - ＆gt;关闭窗口使用：

<script>
 function myFunction() {
 var myWindow = window.open("http://192.168.137.201/", "", "width=1","height=1");
  var x = myWindow.document.getElementById("temp").innerHTML;
  document.getElementById("content").innerHTML = x;
  myWindow.close();
}

所以基本上我试图用带有“content”值的段落中的webserver输出带有“temp”id的值。以下是我的服务器的外观：

<!DOCTYPE HTML>
 <html>
 <head>
 <meta charset="utf-8"/>
 </head>
 <body>
 <p id="temp">-1</p><br />
 <p id="cod">-90</p><br />
 <p id="partic">0</p><br />
 <p id="anemo">14</p><br />
 </body>
 </html>

替换本段中的文字。

<p id="content">En attente de donnée(Waiting for data)</p>
<button id="btn">Mettre à jour(Update)</button>

每当我点击段落下方的按钮时，脚本就会正常工作。窗口打开然后关闭，但段落没有变化或变成空白。

后来我发现了jQuery并发现它更有用，因为它在不打开窗口的情况下更改了值。我完全像在w3schools网站上使用的那样使用了.load功能，但它仍然不起作用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
   $(document).ready(function(){
     $("#btn").click(function(){
        $("#content").load("http://192.168.137.201/ #temp");
     });
   });
 </script>

我在这个例子中使用了谷歌CDN，但我尝试使用微软的一个和本地下载的。

正如我所说，我寻找了很长时间并尝试了不同的方法，检查我是否没有错过任何代码密钥，例如“.innerHTML”等。我也有Xbee模块无法正常工作，我也必须找到解决这个问题的方法，这样你才能理解我不能花更多的时间去搜索。

感谢您的回答。

HTML通信问题：jQuery .load函数似乎不起作用

0 个答案: