Question

我使用dropbox来托管一个执行基本任务的网站（打算成为一个Web应用程序）：使用JQuery获取位于Dropbox中的文本文件的内容并将其显示在段落中。该文本文件位于Dropbox API应用程序中。当我在我的Mac上本地加载我的代码时，它工作正常： Image of local results

但是当我在Dropbox上使用HTML文件尝试时，我得到了这个： Image of server results

我的代码是：

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>

    <title>Fetch</title>
    <style>

    body {
        background-color: #ddd;
        color: #222;
        font-family: -apple-system-font;
        font-size: 17px;
        margin: 0;
        padding: 0;
    }
    #header h1 {
        margin: 0;
        padding: 0;
    }
    #header h1 a {
        background-color: #5BBF60;
        border-bottom: 1px solid black;
        font-family: -apple-system-font;
        font-weight: bold;
        font-size: 22px;
        color: #222;
        display: block;
        padding: 10px 0;
        padding-top: 20;
        text-align: center;
        text-decoration: none;
        color: white;
    }
    p {
        text-align: center;
    }
    #rbutton {
        text-align: center;
        color: 0B60FF;
    }
    </style>
    <script type = "text/javascript">
        document.ontouchstart=document.onmousedown=preventer;
        function preventer(e){    
        if(!e){e=window.event;}
        e.preventDefault();
    }  
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $.get("https://dropboxapitextfilelink", function(data) {
                $("#status").html(data);
        });
        var dt = new Date();
        var time = "Last updated on: " + dt.toUTCString();
        $("#updated").html(time);
        setInterval(function(){
            $.get("https://dropboxapitextfilelink", function(data) {
                $("#status").html(data);
            });
            dt = new Date();
            time = "Last updated on: " + dt.toUTCString();
            $("#updated").html(time);
        }, 3000);
        $("p").click(function(){
            $.get("https://dropboxapitextfilelink", function(data) {
                $("#status").html(data);
            });
            dt = new Date();
            time = "Last updated on: " + dt.toUTCString();
            $("#updated").html(time);
        });
    });
    </script>
</head>
<body>
    <div id="header">
        <h1><a>Fetch</a></h1>
    </div>
    <p id="status"></p>
    <div id="rbutton">
        <p id="refresh">Refresh</p>
    </div>
    <p id="updated"></p>
</body>
</html>

我也尝试使用BitBucket来托管静态网站并将代码放在JSFiddle中，但是文本字符串没有显示出来。它只出现在我的Mac网络浏览器上。此外，我无法使用其他服务来获取文本文件，我使用的服务只允许我上传到Dropbox API应用。

由于

编辑：添加图片

Dropbox上托管的网站无法访问Dropbox API应用中的文件

0 个答案: