• 技术文章 >php教程 >php手册

    php结合ajax实现赞、顶、踩功能实例

    2016-06-13 09:35:10原创318
    php应用越来越多,也越来越广泛,为了增加网站的丰富多彩,从而出现了很多新的技术。ajax是现代网站中不能缺少的一项技术,他可以异步刷新数据,而实现很多效果,比如刷新验证码,微博中的赞功能,都是运用这个。

    本次赞功能的效果图:

    主页文件(index.php):

    复制代码 代码如下:




    header("Content-type:text/html;charset=utf-8");
    include "finger_ajax.php";

    $sql = "select * from finger_ajax";
    $res = mysql_query($sql,$link);
    while($row = mysql_fetch_array($res)){
    echo "

    ".$row['title']." \r\n赞一下(".$row['finger'].")

    \r\n";
    }
    ?>

    处理ajax请求及配置信息文件(finger_ajax.php):

    复制代码 代码如下:


    /**"赞" 功能 响应ajax请求*/
    //配置
    $dbHost = "localhost";
    $dbUser = "root";
    $dbPass = "dddddd";
    $dbName = "test";
    $dbCharset = "utf8";

    $link = mysql_connect($dbHost,$dbUser,$dbPass) or die(mysql_error());
    mysql_query("set names ".$dbCharset);
    mysql_select_db($dbName);
    // End

    //接受对应的id
    if(!empty($_POST['id'])){
    $id = $_POST['id'];
    //“赞”加1
    $sql = "update finger_ajax set finger=finger+1 where id=$id;";
    if(mysql_query($sql,$link)){
    echo "ok";
    }else{
    echo "failed";
    }
    }
    ?>


    js文件(finger_ajax.js):

    复制代码 代码如下:


    //赞 js
    function finger(topic_id){
    $.post("finger_ajax.php", { "id": topic_id },
    function(data){
    if(data=="ok"){
    alert("感谢您的支持!");
    }else{
    alert("对不起,失败了!");
    }
    }, "text");
    //获取当前“赞”的次数并加1
    var finger = parseInt($(".finger"+topic_id).html())+1;
    //更新“赞”的次数
    $(".finger"+topic_id).html(finger);
    }


    数据库代码(finger_ajax.sql):

    复制代码 代码如下:


    DROP TABLE IF EXISTS `finger_ajax`;
    CREATE TABLE `finger_ajax` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` varchar(50) NOT NULL DEFAULT '',
    `finger` int(11) NOT NULL DEFAULT '0',
    PRIMARY KEY (`id`)
    ) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

    -- ----------------------------
    -- Records of finger_ajax
    -- ----------------------------
    INSERT INTO `finger_ajax` VALUES ('1', '今天天气还不错哦!去做点什么好呢?', '10');
    INSERT INTO `finger_ajax` VALUES ('2', '欢迎来到 www.jb51.net,国庆将至,祝大家国庆节快乐!!', '3');

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:php ajax
    上一篇:php的慢速日志引起的Mysql错误问题分析 下一篇:php读取富文本的时p标签会出现红线是怎么回事
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• wordpress添加文章浏览统计(刷新不重复)• PHP中使用MySQL按照多字段排序及问题解决• PHP更新购物车数量(表单部分/PHP处理部分)• 创建配置文件 用PHP写出自己的BLOG系统 2• PHP 文件上传功能实现代码
    1/1

    PHP中文网