検索入力テキスト

Question

検索入力に私の検索resutsをロードsearchtag2

私はまた、検索ページ上の入力ボックスに滞在を検索タグをしたい、どのようにこれを達成するために、何のsearchtag1ありませんか？

私はあなたがsessionStorageまたはlocalStorage、クッキーを使用することができ、デフォルトのブートストラップの形

<div class="search"> 
 
    <form class="form-inline" role="form" action="{{ url('sonata_search') }}" method="GET"> 
 
     <div class="form-group"> 
 
      <input id="tags" class="form-control tokenfield" name="search" value="tag, tag2" placeholder="Search" type="text" /> 
 
      <button type="submit" id="sonata_search_submit" class="btnbtn-default"> 
 
       <i class="fa fa-search"></i> 
 
      </button> 
 
     </div> 
 
    </form> 
 
</div>

Answer 1

を使用しているか、AJAXでフォームを送信し、ちょうどAJAX成功時に入力フィールドに提出されたタグを表示することができますページを再読み込みする必要はありません。 HTTPプロトコル

$(function() { 
    // on form submit set tags in sessionStorage 
    $('form').on('submit', function() { 
     var tagsValue = $('#tags').val(); 
     sessionStorage.setItem('tags', tagsValue); 
    }); 
    // if tags exist in sessionStorage set them as value in input field 
    var tagsSession = sessionStorage.getItem('tags'); 
    if (tagsSession != null){ 
     $('#tags').val(tagsSession); 
    } 
    $('#tags').tokenfield(); 
}); 

Answer 2

ので、Webサーバは、stateless、次のとおりです。ここで

はsessionStorageとの一例です。クッキーとセッション変数は、それを回避してページ間の状態を実装する最も簡単な方法です。

しかし、より良い方法があります。 ラベールとブレードを使用しているようですが、この方法は一般にどのWebサーバー/ライブラリでも同じように動作します。

あなたがする必要があるのは、検索結果ページにsend the tagsです。テンプレートでは、サーバーから返されたデータを使ってタグを再作成する方法を理解する必要があります。