如何使用JS輸出顯示在外部網頁上的值

Question

我正在嘗試獲取此網頁上顯示的值（ Loadshedding值）

得到值后，我想使用if / else語句檢查該值，然后以html顯示結果。

我認為第一行是我唯一要出錯的地方：

load.js

var status = "http://loadshedding.eskom.co.za/LoadShedding/GetStatus";
var value = "Error1";

function checkStatus(){
    if(status == 1){
        value = "No Loadshedding at the moment";
        }
        else if(status == 2){
            value = "Stage 1 Loadshedding";
        }
        else if(status == 3){
        value = "Stage 2 Loadshedding";
        }
        else if(status == 4){
            value = "Stage 3 Loadshedding";
        }
        else{
            value = "Error";
        }
    return value;
    }

然后，我用以下內容將結果輸出到html中。

的index.html

<script>document.write(checkStatus())</script>

我只是無法弄清楚如何從該頁面獲取值並檢查（如果/否則）並顯示它。

非常感謝！

Answer 1

您實際上是在將該鏈接與數字進行比較。 僅僅因為您有一個鏈接作為字符串，並不意味着它將為您進行網絡通話。 由於您將其標記為jquery，因此我將使用它。

$.ajax({
    url: "http://loadshedding.eskom.co.za/LoadShedding/GetStatus",
    method: "GET"})
.done(function(status) {
    var value = "Error1";
    if(status == 1){
        value = "No Loadshedding at the moment";
    }
    else if(status == 2){
        value = "Stage 1 Loadshedding";
    }
    else if(status == 3){
        value = "Stage 2 Loadshedding";
    }
    else if(status == 4){
        value = "Stage 3 Loadshedding";
    }
    else{
        value = "Error";
    }

    document.write(value);
});

編輯OP

這是您的整個頁面，因此您可以更好地理解它。

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js">
        <script type="text/javascript">
            $(document).ready(function()
            {
                $.ajax({
                    url: "http://loadshedding.eskom.co.za/LoadShedding/GetStatus",
                    method: "GET"})
                .done(function(status) {
                    var value = "Error1";
                    if(status == 1){
                        value = "No Loadshedding at the moment";
                    }
                    else if(status == 2){
                        value = "Stage 1 Loadshedding";
                    }
                    else if(status == 3){
                        value = "Stage 2 Loadshedding";
                    }
                    else if(status == 4){
                        value = "Stage 3 Loadshedding";
                    }
                    else{
                        value = "Error";
                    }

                    document.getElementById("result").innerHTML(value);
                });
            });
        </script>
    </head>
    <body>
        <div id="result"></div>
    </body>
</html>

停止嘗試使用return。 不要使用return。 沒有回報。 停止。

Answer 2

使用Jquery獲得價值。 用下面的代碼片段替換前兩行代碼以顯示該值

var value =“ Error1”; $ .get（“ http://loadshedding.eskom.co.za/LoadShedding/GetStatus”，function（data）{value = data;

}）;

如何使用JS輸出顯示在外部網頁上的值

問題描述

2 個解決方案

解決方案1
2 已采納 2015-07-20 16:58:13

編輯OP

解決方案2
0 2015-07-20 17:11:27

如何使用JS輸出顯示在外部網頁上的值

問題描述

2 個解決方案

解決方案1 2 已采納 2015-07-20 16:58:13

編輯OP

解決方案2 0 2015-07-20 17:11:27

解決方案1
2 已采納 2015-07-20 16:58:13

解決方案2
0 2015-07-20 17:11:27