HTML：ビジー状態のWebページで入力ボタンがフリーズする

Question

多くのトラフィックが発生しているWebページでは、多くのフォームボタンの機能が動作しないことがあります。例えば、ここでは、Webページ「買い物かごに入れる」ボタンのコードがある...

<fieldset id="add-remove-buttons"> 
    <input class="button" name="commit" type="submit" value="add to cart"> 
    <a href="/shop" class="button continue">keep shopping</a> 
</fieldset> 

<script id="cart-controls-add" type="text/x-nano-tmpl"> 
    <form accept-charset="UTF-8" action="/shop/170325/add" class="add" data-remote="true" id="cart-addf" method="post"> 
    <div style="margin:0;padding:0;display:inline"> 
     <input name="utf8" type="hidden" value="&#x2713;" /> 
     <input name="authenticity_token" type="hidden" value="YzR1rCDbfkdbY9M7Fvlx61/adGM9rO51uo6kFFBtdnk=" /></div> 
    <fieldset> 
     <input id="size" name="size" type="hidden" value="40401" /> 
     <a href="/shop/accessories/ysw1o8v0k" class="next">next accessory &gt;</a> 
    </fieldset> 
    <fieldset id="add-remove-buttons"> 
     <input class="button" name="commit" type="submit" value="add to cart" /> 
     <a href="/shop" class="button continue">keep shopping</a> 
    </fieldset> 
    </form> 
</script> 

は、クライアント側に軽減することができない、サーバー側の問題であり、このだけで何かですか？私は、成功するまで入力機能を提出し続けるためにwhileループを使用することを考えていましたが、成功することは決してありません。または、サイトのリフレッシュを実行し、再試行しない場合は、リフレッシュして再試行することをお勧めしますか？どんな入力も大歓迎です！

Answer 1

リクエストがタイムアウトしている可能性があります。これをJavaScriptのAJAX呼び出しに変更すると、再送信するのではなく、負荷に追加するだけで、クライアント側でタイムアウトを設定できます。サーバーの種類に応じて、サーバー側のタイムアウト設定を確認できます。あなたがAJAXコールから成功か失敗かを知るまでは、スピナーのような視覚的な表示をします。