ajax+php+mysql实现无刷新点赞功能

wdzgege 发布于2019-06-28 13:22 / 3285人阅读

摘要：从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过异步提交数据给数据库。就是一个查询和更新数据的，更新之后再把数据输出给页面。

从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。

原理就是通过ajax异步提交数据给数据库。
首先前端页面就是一个按钮和赞数量。

数据库名，test，表名zan，字段zan

ajaxindex.php

</>复制代码 
    
    异步提交

ajaxindex.js

</>复制代码 
$(document).ready(function(){
    $("#btn").on("click",function(){
        $.get("sever.php",{name:$("#btn").val()},function(data){
            $("#result").text(data);
        });
    });
});

sever.php

</>复制代码

总体思路：
通过ajaxindex.php点击按钮，js反应，ajax异步提交给sever.php再通过js返回给页面，就不用刷新了。
sever.php就是一个查询和更新数据的，更新之后再把数据输出给页面。

整个demo下载

GPU云服务器云服务器 php实现无刷新跳转 Ajax无刷新无刷新ajax分页 ajax无刷新页面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/25609.html

ajax+php+mysql实现无刷新点赞功能

摘要：从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过异步提交数据给数据库。就是一个查询和更新数据的，更新之后再把数据输出给页面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数...

WalkerXu 2019-08-01 17:21 评论0 收藏0
ajax+php+mysql实现无刷新点赞功能

摘要：从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。原理就是通过异步提交数据给数据库。就是一个查询和更新数据的，更新之后再把数据输出给页面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数...

Juven 2019-08-20 18:36 评论0 收藏0
jQuery+AJAX+PHP+MySQL数据库开发搜索功能，无跳转无刷新搜索。

摘要：知识点提交表单，查询数据库，返回数组，遍历输出数组演示当表单无输入任何关键词的时候，返回请输入关键词当表单输入的关键词查询无果的时候，返回无结果当表单输入的关键词查询有结果，则返回结果。知识点：ajax提交表单，php查询数据库，php返回json数组，javascript遍历输出json数组演示： 1、当表单无输入任何关键词的时候，返回请输入关键词... showImg(http...

starsfun 2019-08-22 18:41 评论0 收藏0
jQuery+AJAX+PHP+MySQL数据库开发搜索功能，无跳转无刷新搜索。

摘要：知识点提交表单，查询数据库，返回数组，遍历输出数组演示当表单无输入任何关键词的时候，返回请输入关键词当表单输入的关键词查询无果的时候，返回无结果当表单输入的关键词查询有结果，则返回结果。知识点：ajax提交表单，php查询数据库，php返回json数组，javascript遍历输出json数组演示： 1、当表单无输入任何关键词的时候，返回请输入关键词... showImg(http...

yagami 2019-07-01 10:19 评论0 收藏0