Question

所以我开始使用Flask并考虑创建一个Youtube搜索引擎，其中我将通过Html从用户那里获取数据，并使用Ajax将数据发送到Flask。

以下是我的索引html页面的代码：

{% extends "layout.html" %}
{% block content %}
<script type=text/javascript>
  $(function() {
    $("#echoText").keyup(function() {
         $.ajax({
            type: "GET",
            url: $SCRIPT_ROOT + "/echo/",
            contentType: "application/json; charset=utf-8",
            data: { echoValue: $('input[name="echoText"]').val() },
            success: function(data) {
                $('#echoResult').text(data.value);
            }
        });     
    });
  });
</script>
<strong>Enter a value to echo back:</strong>
<input type='text' size='10' id='echoText' name='echoText'>
<button type='button' id='submitBtn' name='submitBtn'>Submit via AJAX</button><br /><br />
<div id='echoResult'></div>



{% endblock %}

这是我的烧瓶app python文件：

from flask import Flask, jsonify, render_template, request

import youtube
app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/echo/', methods=['GET'])
def echo():
    ret_data = {"value":youtube.youtube_search(request.args.get('echoValue'))[1][0]["id"]["videoId"]}
    data = jsonify(ret_data)
    return data

if __name__ == '__main__':
    app.run(port=5000, debug=True)

所以现在我能够将数据从Html页面传输到烧瓶，但我想知道如何使用数据返回嵌入在我的Html页面中的YouTube视频。我怎么能这样做？

如何在烧瓶中使用Ajax提供的数据？

0 个答案: