2017-08-01 11 views
-1

私はユーザーにさまざまな画像ギャラリーを表示するWebページで作業しています。表示するさまざまなギャラリーをすべて一覧表示するカスタムの組み込みドロップダウンがあり、ユーザーがクリックすると別のURLパラメータでページがリロードされます。アイデアは、ページを前処理し、URLから取得した別のギャラリーIDを使用してクエリを実行し、リロードページを表示してすべての画像データを表示する別のファイルがあることです。JavaScriptが完全に新しいURLパラメータでページを再読み込みしていない

問題は、ページが完全なリロードを実行せず、フロントエンドをリロードするだけであるように見えます。したがって、URLは更新されますが、クエリは再度実行されません。今すぐ試してみます:

$('.gallery-option').click(function() { 
    var nid = 257; 
    if($(this).attr("rel").length) { 
     nid = $(this).attr("rel"); 
    } 
    var url = location.origin + '/image_galleries?library=' + nid; 
    window.location.href = url; 
} 

ページは更新されますが、データは更新されません。 しかし、私は前処理コードにvar_dumpを含めると、何かがバックエンドを強制的に実行してすべて正常に動作しているようです。だから私は私の質問は:バックエンド上のすべてをリフレッシュするためのjavascriptのための方法はありますか?

+0

はブラウザのキャッシュと似ています –

答えて

0

すぐに考えられるのは、画像がAJAXリクエストを介して入ってくるかどうかを確認することです。次のスニペットはあなたを助けることができます。

$(document).ajaxSuccess(function(){ 
    console.log("AJAX request successfully completed"); 
}); 

もう一つの考えはあなたが投稿したコードに似た実装を使用しますが、内部でのsetIntervalそれを実装することです。
元のhref!== location.hrefの間隔をクリアします。

私はこれが役立つことを願っています...

関連する問題