基本的には以下ステップになります。
1.jsでイベントを補足(これはnotifyServer?を行なっている箇所)。Ajaxリクエストをsample.comに対して発行する
2.sample.com側でリクエストを受けて処理を行う。
1はここで書くよりいいブログ記事がたくさんあるので、そちらにおまかせします。生のjavascriptで書くと大変なので、jQuery(というライブラリがあります)を使用したほうがいいでしょう。
あえてサンプルをしめすならば、
html
1<head>
2<!-- headタグ内に以下スクリプトを書いてjQueryを読み込む -->
3<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
4</head>
5
javascript
1function notifyServer(){
2 // 引き渡すデータを作成 サンプル
3 var formData = {sample: 'aaa', hogehoge: 'fugafuga'};
4 // Ajax開始
5 $.ajax({
6 url: 'http://sample.com/hogehoge.json', // ここは2.sample.com側で処理を行う対象のURL
7 type: 'GET',
8 dataType: 'json', // jsonじゃなくてもいいけど、jsonにすることが多い
9 data: formData,
10 timeout: 5000,
11 success: function(data){
12 // 通信成功時の処理を記述
13 },
14 error: function(){
15 // 通信失敗時の処理を記述
16 }
17 })
18}
19
というかんじです。
2.sample.com側でリクエストを受けて処理を行う。
はそれこそsample.comのフレームワークやスキーム次第でさまざまですね。