位置: 编程技术 - 正文

用php和jQuery来实现“顶”和“踩”的投票功能(php100 jquery教程)

编辑:rootadmin

推荐整理分享用php和jQuery来实现“顶”和“踩”的投票功能(php100 jquery教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:php结合vue,php与jquery,php怎么调用js,php怎么调用js,php使用jquery,php可以和html js写一起吗,php可以和html js写一起吗,php使用jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

当我们浏览网页时,我们想对网页内容如文章、评论中的观点持赞同或反对意见时,可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验。

我们先要准备为整个实例运行所需的mysql数据表,实例中需要两个表,votes表用来记录对应文章或评论的用户投票数,并且我们默认写入一条id为1的数据以便演示,votes_ip表用来记录用户每次投票的IP,程序根据用户IP决定投票是否有效。

数据表

HTML

在页面中,有两个分别表示“顶”和“踩”的按钮,即#dig_up和#dig_down,按钮上记录了投票的票数以及分别所占的百分比,非常直观的对比投票结果。

CSS

用php和jQuery来实现“顶”和“踩”的投票功能(php100 jquery教程)

我们必须使用CSS来美化页面,我们使用一张图diggs.png来定位不同的按钮背景,通过设置position来定位各元素之间的位置关系。

jQuery

本示例还依赖于jQuery,因此一定不能忘了在页面中先载入jquery库文件。首先,jQuery要处理的是鼠标分别滑向两个投票按钮时变换的背景图片,通过addClass()和removeClass()来实现。

然后,我们初始化数据,就是页面加载后,要显示初始的已经投票的结果,包括各投票数和所占百分比。我们将获取数据的操作写在一个自定义函数getdata()中,通过传递不同的请求地址和id参数来完成数据的载入。函数getdata()中,向URL发送一个ajax请求,根据后台处理的返回结果,如果投票成功则更改页面中相应的元素内容,包括投票数和所占百分比。

PHP

数据的获取都是通过do.php来完成,do.php根据前端页面传递的参数,连接数据库,根据条件判断分别进入“顶”、“踩”和初始数据处理模块,以下是do.php模块代码结构:

函数likes()用来处理“顶”和“踩”投票模块,首先是判断用户IP是否已经投票过了,如果已经投票则直接返回相应提示,如果用户IP没有投票记录则更新votes表,将对应的投票数加1,然后向votes_ip表中插入该用户的IP记录,如果操作成功,则调用jsons()输出投票后的投票数和所占百分比等数据,否则输入操作失败的提示信息。

函数jsons()用来读取votes表中相应id的投票数,并计算百分比,最后将这些信息以json格式输出,供前端页面使用。

该实例可以应用到常见的"赞"、同意和反对评论、投票系统等场景中,运用了Ajax原理实现的前后端交互功能。do.php中还有个函数get_client_ip()用来获取用户真实IP。

标签: php100 jquery教程

本文链接地址:https://www.jiuchutong.com/biancheng/301940.html 转载请保留说明!

上一篇:php is_writable判断文件是否可写实例代码(php或者判断)

下一篇:php加密解密字符串示例(php sha1加密 解密)

  • 流量结转是什么意思
  • 哪些收据可以入帐
  • 增值税进项税额不得抵扣的几种情形
  • 预缴税款计算公式
  • 等线补交以前年度附加税会计分录是?
  • 销售服务增值税税率
  • 退回以前年度费用怎么做帐
  • 当年亏损额为什么不能填?
  • 公司的货款直接到账吗
  • 建筑企业外管证有效期
  • 管理费0.5%每年
  • 建筑服务预征缴纳税款本期实际抵减税额怎么填
  • 收购定额发票
  • 存货取得的分录
  • 小规模纳税人企业所得税起征点
  • 销售报废车辆按多少计提销项税额
  • 库存冲红是什么意思
  • 固定资产当月入账下月计提折旧
  • 开票交税当月不确认收入如何做账?
  • 劳务报酬申报个税后还需要开发票吗
  • 道路施工企业的财务核算包括
  • 重复做了以前做过的梦
  • 风险溢价包括哪些违约风险溢价 流动性风险溢价
  • 接受固定资产投资的企业,应该按照投资合同
  • 个体工商户税务登记证需要什么资料
  • 汇算所得税中“以前年度多缴的所得税额在本年抵减额”怎么填 ?
  • 汽车销售服务费话术
  • 公司账户转账给个人账户有限额吗?
  • 小规模自开专票税率是1%还是3%
  • 评标费由谁支付
  • 多发的奖金收回怎么做账
  • 房产评估价偏低
  • vc_runtimeMinimum_x64.msi 找不到的解决方法
  • 营收和产值的区别和联系
  • 股份公司注销流程及费用
  • 房地产企业个人所得税
  • 从劳务市场雇人受伤了怎么办?
  • php可以连接access吗
  • 第三方科技
  • 编制合并报表的三种理论
  • 分期收款销售商品纳税义务发生时间
  • 固定资产汽车抵扣新政策
  • 大数据可视化前端界面模板
  • 凭证字号怎么写
  • Yii2 rbac权限控制之rule教程详解
  • 新成立公司建账
  • php xml转字符串
  • 如何防止sql注入 java
  • javascript高阶
  • 一般纳税人开普票税率是3%还是13%
  • 家具采购单
  • mysql数据库sid
  • 收到营业外收入政府补贴的会计分录
  • 存货跌价准备确认
  • 进口增值税已抵进项税额
  • 未开票确认收入账务处理
  • 原材料存货跌价准备
  • 材料抵扣进项税额
  • 损益类科目如何结转本年利润
  • 委托加工业务经常出现的涉税错误有哪些
  • 其他货币资金存出投资款借方增加还是减少
  • 办理营业执照需要什么条件
  • ubuntu安装教程14.04
  • mysql5.7最新版
  • 如何实现多条件查询
  • Winserver2012下mysql 5.7解压版(zip)配置安装教程详解
  • Fedora Core 5(FC-5)正式版下载
  • vmware workstation虚拟机设置
  • openfiledialog怎么用
  • windows升级后照片不见了
  • win7声音方案下载
  • win7自带解压缩
  • jquery获取表格一列的值
  • node .js
  • python利用matplotlib库绘制六边形
  • Python中强大的命令行库click入门教程
  • android documents
  • 四川税务申报如何网上申报零申报
  • 江苏省镇江市街道名称
  • 太原公安分局有几个
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设