使用 AJAX 記錄點擊次數

 

經常看到各大網站上都有點擊次數的統計

在同一個網站內的點擊次數相當容易採集

可是外連網站的話

就必須在點擊的那一刻神不知鬼不覺的把點擊記錄給記下

下面簡單說明如何用 AJAX 記錄點擊次數

 

在下面的例子中使用的是JQuery內的ajax函數

所以必須先引用JQery的函數進來

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

    <script>

        //建立一個傳送點擊記錄的函數

        function clicksGo(){                                                   

            //使用JQuery當中的ajax函數來傳送

            $.ajax({

                //傳送給 clicks.php 作資料處理

                url:"clicks.php",                                                              

                //傳送資料的參數和值

                data:"&clicks=1",  

                //傳送方式

                type : "POST",                                                                    

                //接收資料的格式

                //當訊息傳送給PHP處理之後,處理完成必須回傳一個成功訊息,接收到成功訊息才代表完成記錄

                dataType:'json', 

                //如果傳送(或接收)失敗的處理動作

                error:function(){                                                                 

                    alert("失敗");

                },

                //如果成功收到回傳訊息後的處理動作

                success:function(){                                                           

                    alert("成功");

                }

            }); 

        };

    </script>

 

    接著在點擊的連結加上onClick事件來記下點擊訊息

    <a href="http://newaurora.pixnet.net/blog" onClick="clicksGo()" target="_blank">Blog點擊記錄</a>

 

    再來撰寫PHP檔案來處理資料 (clicks.php)

 

    //首先接收click的訊息

    $clicks = $_POST['clicks'];

    //下面寫好要記錄的資料 連結、用戶名稱、點擊時間

    $clicks_link = "http://newaurora.pixnet.net/blog";

    $clicks_username = "stanley543";

    $clicks_time = time();

    //存入建立好的資料庫

    $sql ="INSERT INTO `map`.`clicks_total`(`clicks_id`,`clicks_username`,`clicks_link`,`clicks_time`) VALUES('','".$clicks_username."','".$clicks_link."','".$clicks_time."')";

    mysql_query($sql);

    //回傳一個json格式的資料給clicks.html

    //視情況回傳需要的資料,像這個例子只需要回傳1代表成功就行了

    $json_data = json_encode($clicks) ;

    echo $json_data ;

 

最後我們可以從資料庫當中看到點擊記錄已經被記下來了

 clicks   

以上就是使用 AJAX 記錄點擊次數的方法

 

 

如果覺得對你有幫助的話. 麻煩幫小弟按個讚哦~

 

其他相關文章參考:

 

如何使用AJAX傳值 

 

 

 

arrow
arrow

    newaurora 發表在 痞客邦 留言(1) 人氣()