getJsonはGoogle Chromeで一度しか動作しません

現在、私はcodepen.ioで小さなランダムなQuote Generator（Freecodecamp Project）を作成しています。あなたはここでそれを見つけることができます：http://codepen.io/Baumo/pen/VjQbBj?editors=1000 getJsonはGoogle Chromeで一度しか動作しません

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
</head> 

<script> 
    $(document).ready(function(e){ 
     $('#getQuote').click(function(){ 
     $.ajax({ 
      dataType: "json", 
      url: 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', 
      success: function(a) { 
      $(".quote").html(a[0].content + "<p>&mdash; " + a[0].title + "</p>"); 
      } 
     }); 
    }); 
    }); 
</script> 

<body> 
    <div class="box"> 
    <div class="message quote"> 

    </div> 
    <div class = "right"> 
     <button class="btn" id="getQuote"> 
     NEW QUOTE 
     </button> 
    </div> 
    </div> 
</body>

私は、Microsoftのエッジでページを開くと、それだけで正常に動作します。しかし、Google Chromeでは、「新しい見積もり」ボタンは最初にクリックするだけで動作します。

これを解決する方法はありますか？

ありがとうございます！

出典

2016-07-18 Baumo

Chromeは積極的にあなたのajaxリクエストをキャッシュしています。リクエストにcache: falseを追加してください：

$.ajax({ 
     dataType: "json", 
     url: 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', 
     cache: false, 
     success: function(a) { 
     $(".quote").html(a[0].content + "<p>&mdash; " + a[0].title + "</p>"); 
     } 
    });

出典

2016-07-18 22:09:25

getJsonはGoogle Chromeで一度しか動作しません

答えて

関連する問題