如何使用JS输出外部网页上显示的值

时间:2015-07-20 16:53:25

标签: javascript jquery html

我试图获取此网页上显示的值(Loadshedding value

获取值后,我想使用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>

我无法弄清楚如何从该页面获取值并检查(if / else)并显示它。

非常感谢!

2 个答案:

答案 0 :(得分:2)

您真的将该链接与数字进行比较。仅仅因为你有一个链接作为字符串并不意味着它会为你打网络电话。由于您将此标记为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>

停止尝试使用返回。不要使用回报。没有回报。停止。

答案 1 :(得分:0)

使用Jquery获取价值。用下面的代码片段替换前2行代码以显示值

var value =&#34; Error1&#34 ;;    $ .get(&#34; http://loadshedding.eskom.co.za/LoadShedding/GetStatus&#34;,function(data){             value = data;

});