2017-03-12 8 views
0

私は無駄に検索しました..私の質問は少しユニークですね。私はそれの中にいくつかのコンテンツを持ったDIVを持っています。コンテンツはSQLクエリのオブジェクトをテンプレートに渡すことで現在持ち込まれています。それは正常に動作しますが、ページ全体をリフレッシュすることなく、コンテンツをx秒ごとに更新することはできません。私がしたくないもの。そこでJQueryにDIV要素をリロードさせることができるかどうかを知りたがっていますか?これもコードをリロードしますか?それは私のdivを更新するよう強制するので、ここにコードです。DIVをリロードするJQuery? (Flask/Jinja2)

<div id=content1> 
    {{ set content = get_content(parm1, parm2) }} # This is a custom Jinja2 function I wrote to pull the content I need one in the template, but it only runs once. 
    {% for row in content %} 
    .. do stuff 
    {% endfor %} 
</div> 

JQueryに既に存在するコードでそのDIVをリロードすることは可能ですか?もしそうなら、私の問題を解決するはずです。私はJSONでコンテンツを取得するための呼び出しを作成しようと考えていましたが、可能であれば、そうではないでしょう。

答えて

1

app.py

@app.route('/') 
def some_view(): 
    name = request.args.get('name', 'Anonymous') 
    if request.is_xhr: 
     template_name = 'template_ajax.html' 
    else: 
     template_name = 'template.html' 
    return render_template(template_name, name=name) 

template.html

<html> 
    <head> 
     <title>Test</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <head> 
    <body> 
     <h3>Title</h3> 
     <div>Hello, {{ name }}!</div> 
     <p>Some text</p> 

     <script> 
      $(document).ready(function() { 
       $('div').load('/?name=username'); 
      });   
     </script> 
    </body> 
</html> 

template_ajax.html

Hello from AJAX, {{ name }}! 
+0

これは私が一種のGOIを終わったものです私の質問は..あなたは$( 'div')しか持っていませんでした。 DIVに現在含まれているコンテンツをロードするだけですか? –

+0

うん、 '$( 'div')。load();'ページの残りの部分をリロードすることなくdivの内容を読み込みます。 –

関連する問題