Question

我正在尝试学习Ajax，但我还不知道后端语言，所以我正在使用Google的Firebase，并且正在使用python 2.7通过localhost：8000运行代码。我正在尝试GET / POST到此服务器：

https://ajax-practice-1f1b9.firebaseio.com/

如果无法访问它，我的JSON如下所示：

[
    {
        "id": 1,
        "name" : "Will",
        "drink": "American with creme"
    },
    {
        "id": 2,
        "name": "Donat",
        "drink": "Vanilla Macchiato"
    }
]

这是我的HTML和javascript

$(function() {
    $.ajax({
        type: 'GET',
        url: 'https://ajax-practice-1f1b9.firebaseio.com',
        success: function(data) {
            console.log(data);
        }
    });
});

<!doctype HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>AJAX jQuery course</title>
        <!-- latest bootstrap css -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    </head>

    <body>

        <h1>JQuery Ajax Tutorial</h1>
        <h2>Coffee Order</h2>

        <ulid="orders"></ul>

        <p>name: <input type="text" id="name"></p>
        <p>drink: <input type="text" id="drink"></p>
        <button id="add-order">Add</button>

        <!-- <script src="https://www.gstatic.com/firebasejs/5.3.1/firebase.js"></script> -->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="index.js"></script>
    </body>
</html>

我在控制台上收到此错误：

无法加载https://console.firebase.google.com/project/ajax-practice-1f1b9/database/data/：从'https://console.firebase.google.com/project/ajax-practice-1f1b9/database/data/'到'https://accounts.google.com/ServiceLogin?passive=1209600&osid=1&continue=https://console.firebase.google.com/project/ajax-practice-1f1b9/database/data/&followup=https://console.firebase.google.com/project/ajax-practice-1f1b9/database/data/'的重定向已被CORS策略阻止：在该文件上没有'Access-Control-Allow-Origin'标头请求的资源。因此，不允许访问原始“空”。

不久前，我使用axios和ReactJs做过类似的事情，并且没有问题。

Answer 1

URL https://ajax-practice-1f1b9.firebaseio.com将尝试将数据库加载到Firebase Database console中。您可能正在尝试通过Firebase的REST API获取数据，这要求URL以.json结尾。

因此，要获取该位置的JSON，请使用https://ajax-practice-1f1b9.firebaseio.com/.json。

无法加载Firebase（重定向错误）

1 个答案: