送信ボタンをクリックした場合の記録値

Question

私は下のフォームにボタンがあります。 * type = "button"とすると、ボタンが送信されないことがわかりますが、クリックされた場合でもボタンの値は引き続き取得できますか？

目標は、ユーザーがリンクされたデータを同期することです。また、ボタンがクリックされたことを記録します。ユーザーに自分のFacebookのデータを次に同期するように求める別のボタンがあるので、フォームを送信したくありません。

<div class="center"> 
    <button 
     class="btn btn-linkedin btn-lg" 
     data-bind="click: linkedinLogin" 
     name = "linkedin" 
     value = "linkedin_Submitted" 
     type = "button" 
     >     
     <i class="fa fa-linkedin fa-fw"></i> 
     <span>Sync linkedin</span> 
    </button> 
</div> 

Answer 1

あなたは（私はあなたがデータベースのどこかにこの情報を格納している想像）サーバに情報を送信すると、ページ全体を提出しない場合は、イベントハンドラを使用することができますAJAXを介してデータを送信します。

イベントハンドラは、完了したアクション（クリック、キー押下、ホバーなど）を取得し、値を返します。 this pageに関する議論は、イベントハンドラの捕捉に有益であるかもしれない。

これを取得したら、AJAXコール（Learn about it here）を作成できます。情報は、あなたがあなたの記憶方法とのインターフェースに使用する機能によって保存することができます。

Answer 2

これはcssとは関係ありませんが、これにはjavascriptが必要です。 イベントハンドラをボタンにバインドし、javascript関数を呼び出してリンクされたデータを（例えばajax call経由で）同期させます。

var linkedinSyncButton = document.querySelector(".btn-linkedin"); 

linkedinSyncButton.addEventListener("click",()=>syncLinkedin()); 

function syncLinkedin(){ 
    // sync the linkedin data 
}