Question

怎样用JS+PHP统计页面上图片的点击次数？

统计某一个页面上的 一个图片的 被点击次数 jS 点击提交到PHP 需要记录下来的 但是 代码 不会写 请各位大哥们帮帮忙！ 谢谢

Answer 1

用JQ的，ajax 无刷新就能做到了

<img src="" id="abc" value="addnum">
<script>
$("#abc").click(function(){
var value = $(this).attr('value');
$.ajax({
type: "POST",
url: "add.php",
data: "type="+value,
success: function(msg){
// alert( "Data Saved: " + msg );
}
});
return false;
})

</script>

<?php
/*
*add.php
*参数：type 判断是否是那个图片的点击
*talbe_name 为表名，替换成自己的表名
*/

$type= $_POST['type'];
if($type=='addnum'){
$query = mysql_query("upadae talbe_name set num = num +1 where 条件"); //执行sql语句
return $query;
}
?>

Answer 2

JS代码：

<script type="text/javascript">
    var image = document.querySelectorAll('img');
    for(var i in image)
        image[i].addEventListener('click',statisticsOfClick);
    function statisticsOfClick(argument) {
        var xhr = new XMLHttpRequest();
        alert("hello");
        xhr.open('get','yourUrl');
        xhr.send(null);
    }
</script>

将上面的代码部分中的yourUrl修改为你后台的统计点击次数的某个页面地址。如：http://mydomain.com/count.php

在使用php统计点击次数之前，你得在数据库中建立一个表，用来统计点击的次数。

为了方便起见，在这里给出数据库创建统计点击次数表单的实例：

命令行下登录数据库（假设为mysql)

mysql -u 用户名 -p

回车后输入密码

CREATE DATABASE `count` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
use count;
create table times( times int);
insert into times value(0);

创建一张名为times的统计点击次数的表，其中只有一个字段times,初始值为0（没有人点击过图片）

php代码：

<?php
    $link = mysqli_connect("localhost", "数据库用户名", "数据库密码", "count");
    mysqli_query($link,"update times set times=times+1");
    mysqli_close($link);
?>

这样，只要有人点击一次你网页上的图片，就会回传一次数据，然后更新数据库里面的值。

匆忙写代码，有问题请追问。