2016-06-20 4 views
0

ich eine Flasche Vorlage haben, die ein Video wie hat:dynamische Aktualisierung HTML src mit Flasche und Jinja2

<video id="firstVideo" class="clip-thumbnail" src=""></video>

und bei einem Update von einem Benutzer klicken, wird der Videos Inhalt der Anfrage aktualisiert das Video wie:

$('#firstVideo').attr("src", response['videos'][0]);

aber ich möchte diese dynamisch wie auf der Seite mit etwas zu aktualisieren:

$('#firstVideo').attr("src", {{ url_for('static', filename='videos/' + response['videos'][0]) }})

Ist dies der richtige Weg? Will Flask wissen, die Seite nach dem Update neu zu rendern oder muss ich die Seite neu rendern?

+0

Nur klar zu sein, ihre ist eine Anforderung für die Seite, können Sie die URL in dynamisch versteckt irgendwo getauscht haben wollen eine weitere Anforderung, ohne dass wenn der Benutzer klickt? – bryan60

+0

Ich möchte es dynamisch aus der Ausgabe einer Anfrage einlagern. Also habe ich eine REST-API, die die entsprechende Video-URL zurückgibt, und diese wird ausgetauscht. – Rob

+0

dann können Sie Flaschentemplating-Tags nicht verwenden, wenn Sie eine Ajax-Anfrage machen. Der Browser kann Flaschentemplate nicht interpretieren. Ich werde meine Antwort aktualisieren. – bryan60

Antwort

0

Sie können keine Flaschentemplate-Tags verwenden, es sei denn, Sie erstellen eine dynamische Vorlage auf Ihrem Server. Wenn Sie eine Ajax-Anforderung für die Video-URL aus dem Browser erstellen, müssen Sie lediglich Ihre Anfrage zur Rückgabe der vollständige Video-URL und aktualisieren Sie dann das Video src genau so, wie Sie es haben:

$('#firstVideo').attr("src", response['videos'][0]);