javascript - 如何用JS输出显示在外部网页上的值

标签 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)并显示它。

非常感谢!

最佳答案

您实际上是将该链接与数字进行比较。仅仅因为您有一个字符串形式的链接并不意味着它会为您进行网络调用。由于您将其标记为 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>

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

关于javascript - 如何用JS输出显示在外部网页上的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31522060/

相关文章:

Javascript div onclick 和后退按钮

javascript - html文件上传后如何加载到iframe中?

javascript - Bootstrap 下拉菜单和可点击父容器内的其他按钮

html - 为什么 td 文本颜色没有改变

javascript - 我无法覆盖 React Bootstrap 组件

javascript - 在 xhr.responseText 中使用 getElementsByName 获取纯文本

javascript - 使用 Zend Form 专注于文本区域

javascript - 刷新父窗口中的 jquery .click 监听器以使用新元素

JavaScript 启用调度程序

jquery - 网站在移动设备上不显示真实分辨率(Bootstrap,也许吧?)