如何使用Flask输出$ .get()方法JQuery

时间:2019-09-09 13:42:14

标签: javascript jquery flask

我无法将在Flask中创建的数据输出到HTML页面中的JQuery。

我正在用Flask在JQuery中测试$ .get()方法。该任务是将String返回到HTML页面并将其显示为段落。但是结果无法显示。有人可以阐明这个问题吗?谢谢!

这是Flask中的代码

from flask import request, jsonify, Flask

app = Flask(__name__)


@app.route('/', methods=["GET"])
@app.route('/hello', methods=["GET"])
def hello():
    return jsonify('<h1>Hello Flask !!!</h1>')

这是html代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Events </title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script>
        $(document).ready(function()
        {
            $("#btnGet").click(function()
            {

                //$.get('https://httpbin.org/get',
                $.get('http://localhost:5000/hello',
                    function(data)
                    {
                        $("#getInfo").text(data)
                    });
            });
        });
    </script>
</head>

<body>
    <button id="btnGet">Click to Get Info </button>
    <p  id="getInfo"></p>
</body>

</html>

1 个答案:

答案 0 :(得分:0)

作为Web编程的新手,经过数小时的反复试验,终于发现我没有将html放在静态文件夹下,而是在Eclipse Environment中运行它。在http://localhost:5000/static/test.html中将其打开后,它将按预期工作。