2017-03-23 12 views
-1

htmlページを毎秒サーバーにget()リクエストを送信すると、データが更新されます。clock /タイマー部分は成功しませんでした。 「GET」リクエストを受け取ると、サーバーはindex.htmlページにランダムな整数を返します。 Javascriptの部分は毎秒GET要求をサーバーに送ります。しかし、私は除外されたので、毎秒更新された数字を見ることができませんでした。html毎秒Flaskサーバーにget()リクエストを送信する

from flask import Flask, render_template, request 
import numpy as np 
app = Flask(__name__) 

@app.route('/db', methods = ['Get']) 
def hello(): 
    return render_template('index.html', data = np.random.randint(1,10)) 

if __name__ == '__main__': 
    app.run() 

index.htmlを

<html np-app='myApp'> 
    <head> 
     <script src="/Scripts/angular.min.js"></script> 
     <script src="/Scripts/myController.js"></script> 
    </head> 

    <body np-controller='myController'> 
     {{ data }} 
    </body> 

</html> 

myController.js

myApp = angular.module('myApp', []); 

myApp.controller('myController', function getStuff($http, $timeout) { 
     $http.get().success(function() { 
     $timeout(getStuff, 1000); 
     }); 
}); 

アップデート: 私はinf1n1teの情報に基づいて、myController.jsファイルを書き直しました。しかし、私は間違ったことをしているに違いないので、うまくいかなかったはずです。

myApp = angular.module('myApp', []); 

myApp.controller('myController', ['$interval', '$http', function getStuff($http, $interval) { 
     $interval($http.get().success(), 1000);  
     }]); 
+0

問題を説明するために投稿を更新しました。 – daydayup

+0

なぜあなたは何も更新されていないことに驚いたのか分かりません。あなたが得たデータで何もしていないのです。とにかく、これはFlaskには関係ありませんが、代わりにJSONを返すこともできます:http://stackoverflow.com/questions/13081532/return-json-response-from-flask-view – davidism

+0

データはHTMLページに送られます直接、それは自動的に更新されません? – daydayup

答えて

0

代わりに$ interval(getStuff、1000)を使用してください。 angular doc

これを行う最も良い方法は、ここでWebSocketを使用することです。

+0

ありがとう、私はちょうど私のポストを更新し、私はあなたの方法を試みたが、私はまだそれを正しく得ていないと思います。あなたはそれを見ることができますか? – daydayup

関連する問題