2017-05-28 12 views
-1

ページを更新すると、テンプレート文字列が更新され、新しい値がデータベースから取得され、変更されます。ページを更新せずにテンプレートの文字列値を自動更新する

テンプレート文字列の値を自動リフレッシュするためにajaxなどを使用できる方法はありますか?

は、これは、ここでテンプレート文字列です:

enter image description here

それは価値のデータベース検索を行い、GET要求から引かれています。

答えて

0

確かに、あなたはajaxを使用する必要があります。次に、要素内に値を設定する必要があります(div、spanなど)。また、更新された値を書き込むためのページを作成します(データベースから取得して書き出します)。 ajaxを使用して、ページから要素への値を更新します。

+0

(または私がそれを設定したもの)が、物理的なページを更新するまで、テンプレートの文字列値はページ上で変更されません。 – kolbykskk

+0

1)3秒後にajax updateを自動呼び出しするスクリプトを作成します(setTimeout、setIntervalをjsだけ使用します)。 2)両方のページ(ajaxを呼び出すページとデータを書き込むページ)にno-cacheを設定する必要があります。 – HTCom

+0

ajax呼び出しでcacheをfalseに設定しました。他にどこでこれを行うのですか? GETルートで? – kolbykskk

0

AJAXを呼び出すために、この構文を使用してみてください:私はテンプレート文字列が含まれており、データベース検索を実行するルートのGETのAJAX要求を使用する場合、それはオート3秒ごとにページを取得します

setInterval(function(){ 
    $.ajax({ 
     url: "the_page_that_you_write_out_the_right_result", 
     cache: false 
    }).done(function(html) { 
     $("#the_id_of_tag_that_you_want_to_display_result").append(html); 
    }); 
}, 5000); 
+0

これはうまくいきました。しかし、追加はページを台無しにしています。 https://snag.gy/ZjVPoU.jpgのようになり、IDを設定したを変更するのではなく、すべての間隔でページ全体をページに追加します。 – kolbykskk

+0

ダッシュボードページ全体をHTMLの下部にそれぞれの間隔で追加しているからだと思います。 – kolbykskk

+0

それは正常に動作することを意味し、結果は単に「置換」または「更新」ではなく「追加」されます。そして、ページは時間間隔の後に長く長くなります。右? – HTCom

関連する問題