我无法将在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>
答案 0 :(得分:0)
作为Web编程的新手,经过数小时的反复试验,终于发现我没有将html放在静态文件夹下,而是在Eclipse Environment中运行它。在http://localhost:5000/static/test.html中将其打开后,它将按预期工作。