purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

Ajaxの非同期通信

jQueryAjax非同期通信をします。

例えばFAQのPVカウントとか

aタグをクリックしたらアコーディオンで開閉するコンテンツなどにオープン時のみ
PVカウントを+1する時とかに利用

<script type="text/javascript" src="../../js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
var flg = new Array() ; 
function fPV(id) {
  //排他的論理和でオープン時を判定
  flg[id] = parseInt(flg[id]) ^ 1;
  if(flg[id] == 1) {
  // phpにpostする部分
   $.ajax({
     type: "POST",
     url: "post.php",
     data: "dfa_id="+ id +"",
     success: function(msg){//post.php側でprint文などを吐いた場合alert();などすれば出る}
   });
  }
 }
</script>
<a href="javascript:void(0);" onclick="fPV(1); return false;">no:1のPVカウントリンク</a>