Как использовать данные, предоставленные Ajax в колбе? - PullRequest
Новая
       12

Как использовать данные, предоставленные Ajax в колбе?

0 голосов
/ 29 апреля 2018

Итак, я начинал с Flask и думал о создании поисковой системы Youtube, в которой я буду получать данные от пользователя через Html и отправлять эти данные во Flask с помощью Ajax.

Вот код моей индексной 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 %}

А вот мой файл 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 в колбу, но я хочу использовать эти данные, чтобы вернуть видео YouTube, встроенное в мою страницу HTML. Как я могу это сделать?

...