6

我一直在使用 HTML 和 javascript 创建图形网页，以显示来自 Siemens S7 1500 PLC 的数据。当请求信息的网页由 PLC Web 服务器提供并且与具有 JSON 结构的文件和所有所需的文件位于同一目录中时，我一直在使用 $.getJSON 命令成功地从 PLC 读取值价值观。

我有一台 PC 通过以太网连接到我的 PLC，并希望在 PC 上本地运行一个网页，并从 PLC Web 服务器读取一个页面提供的值。

当要读取的数据位于 Web 服务器上的同一目录中时，我当前用于读取值的代码如下所示：

<script type="text/javascript">
$(document).ready(function(){

    $.ajaxSetup({ cache: false });

    setInterval(function() {
        $.getJSON("inputs.htm", function(data){

            // Variable Declaration
            engineSpeed =                       data.engineSpeed;
            engineFuelLevelScaled =             data.engineFuelLevelScaled;
            powerEndDischargePressurePSI =      data.powerEndDischargePressurePSI;
            powerEndDischargeFlowRateBBLM =     data.powerEndDischargeFlowRateBBLM;
            powerEndSuctionPressurePSI =        data.powerEndSuctionPressurePSI;
        });

    },1000);
});

</script>

“inputs.htm”文件很简单：

{
"engineSpeed" : ":="WebData".engineSpeed:",
"engineFuelLevelScaled" : ":="WebData".engineFuelLevelScaled:",
"powerEndDischargePressurePSI" : ":="WebData".powerEndDischargePressurePSI:",
"powerEndDischargeFlowRateBBLM" : ":="WebData".powerEndDischargeFlowRateBBLM:",
"powerEndSuctionPressurePSI" : ":="WebData".powerEndSuctionPressurePSI:"
}

其中“WebData”是使用我的 PLC 上的值更新的数据块。

我对它的工作方式很满意，但是当我尝试在本地运行一个页面来查看“inputs.htm”页面时，它没有工作。

我的 PLC 的 IP 地址为 172.17.2.11，我已将 $.getJSON 更改为：

$.getJSON("http://172.17.2.11/awp/GeminiOnline/inputs.htm", function(data){

和

$.getJSON("172.17.2.11/awp/GeminiOnline/inputs.htm", function(data){

虽然都没有工作。我知道这些是正确的网址，因为我可以访问其中任何一个并读取我尝试访问的值。

我已在我的 PLC 的 Web 服务器上设置了权限，以允许所有用户完全访问，因此不再需要登录。我想知道是否有我遗漏的步骤或 $.getJSON 结构的某些限制阻止我这样阅读。

任何输入将不胜感激。如果您有任何其他方法可以让我在 PC 本地托管的页面中读取当前 PLC 值，这也会有所帮助。

提前致谢。

4

1 回答 1

2

我确实最终解决了我的问题，尽管它需要一种完全不同的攻击方法。它不喜欢我的跨域请求，并尽我所能让 JSONp 工作，我无法完全管理它。在同事的帮助下，我们开发了以下内容：

<script>
    function httpGet(theUrl)
    {
    // Calls the initial request
        xmlhttp = new XMLHttpRequest();
        var date = new Date();
        xmlhttp.open("GET", theUrl + "?" + date.getTime(), false ); // Note that the + "?" + data.getTime() is used to trick the browser from using the cached results from a previous page request
        xmlhttp.send(); 

        // Sets a timing interval
        setInterval(function(){
        // If the request was successful, then parse the string and start a new request
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                // Extract the JSON String
                var jsonString = xmlhttp.responseText;
                data = $.parseJSON(jsonString);
                //YOUR CODE CAN GO HERE, USING THE DATA AS YOU WOULD REGULARLY
            }
        }, 1000);
    }

    httpGet("http://172.17.2.10/awp/GeminiOnline/inputs.htm");

无论如何，使用 XMLHttpRequest() 和其他函数，我能够从我的其他页面读取数据，就像我之前使用 .getJSON() 一样。

于 2015-10-08T15:57:19.910 回答