Javascript 在 Pythonanywhere 上没有运行

Question

这是我的 HTML 代码，其中包含一些 javascript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/css/styles.css">
    <link rel="shortcut icon" href="/static/img/logo_BDS.png" type="image/png">
    <!-- IMPORT JQUERY -->
    <script src="http://code.jquery.com/jquery-2.2.1.min.js"></script>
    <!-- IMPORT SDK LYDIA -->
    <script type="text/javascript" src="/static/LYDIASDK.js"></script>
    <title>Confirm Checkout | BDS</title>
</head>
<body class="bg-gray-50">
    <div class="flex justify-center items-center">
        <div>
            <div class="flex justify-center mt-8 md:mt-36">
                <img src="/static/img/logo_BDS.png" class="h-56" alt="">  
            </div>
    
            <div class="bg-white rounded-lg shadow-lg text-gray-700 space-y-8 px-10 py-6" style="font-family: Avenir;">
                <h2 class="text-center text-rouge-phelma text-3xl">Vérification des informations</h2>
                <h4 class="text-center text-xl">{{nb_tickets}} ticket(s) pour {{ total_price }}€</h4>
                <h4 class="text-center text-xl">Ton numéro de téléphone est le suivant : {{tel_number}}</h4>
                <div class="flex justify-center">
                    <button class="px-3 py-2 bg-rouge-phelma text-white text-xl font-bold rounded-lg focus:ring-2 focus:outline-none focus:ring-rouge-phelma" type="submit" id="paymentButton">Payer via Lydia !</button>
                </div>
                
            </div>
        </div>
    </div>
    <input type="hidden" id="foo" value="{{nb_tickets}}">
    <div class="hidden" id="tel_number">{{tel_number}}</div>
    
    

    <script type="text/javascript">
        $(document).ready(function() {
            // Doit être la référence de la commande chez le marchand.
            var orderRef = new Date();
            // var nb_tickets = document.getElementById("nb-tickets").value;
            // var tel_number = document.getElementById("tel_number").value;
            // var total_price = 2*$('#nb-tickets').val();
        $('#paymentButton').payWithLYDIA({
            amount: $('input#foo').val()*2,
            vendor_token: 'my vendor token',
            recipient: $('div#tel_number').text(),
            browser_success_url : "https://www.ecosia.org/",
            browser_cancel_url  : "https://www.google.fr/",

            message : "blabla",
            orderRef: orderRef.toString(),
        });
        });
    </script>
</body>
</html>

在我的本地开发服务器上一切正常，但 javascript 部分不想在 Pythonanywhere 上运行。运行使用 Flask 在 python 上使用 Flask 的应用程序从运行使用 Flask 本地开发服务器上的应用程序改变了吗？

这也是我在浏览器控制台中遇到的错误：

Answer 1

这是一个 Mixed Active Content 问题。如果您正在通过 HTTPS 查看网站并且它有一些 活动内容 例如 <script> <iframe> 或 fetch() 向 HTTP 端点发出请求，它默认情况下将被现代浏览器阻止。在您使用 HTTP 的本地主机上，所以这不是问题。因此，要解决此问题，请将 jQuery 的 src 从 http:// 更改为 https://。

Javascript 在 Pythonanywhere 上没有运行

Javascript doesn't run on Pythonanywhere

javascript

flask

pythonanywhere

Javascript 在 Pythonanywhere 上没有 运行

Javascript doesn't run on Pythonanywhere

javascript

flask

pythonanywhere

Javascript 在 Pythonanywhere 上没有运行