目录
如何用Ajax CI实现 关注好友 功能
Jun 06, 2016 pm 08:52 PM
ajax
codeigniter
php
<div id="follow"><a href="#" class="follow <?php if($selfollow > 0){echo 'message';}?>"><?php if($selfollow == 0){echo '关注';}else{echo '取消关注';}?></a></div>
登录后复制
登录后复制
上面是HTML
$('#follow').click(function(){ if($(".follow").text() == "关注") { var form_data = { pid:<?php echo $selproduct['pid'];?>, ajax:'1' }; $.ajax({ url:"<?php echo site_url('welcome/addfollow/');?>", type:'POST', data:form_data, success:function(msg){ $('#follow').html(); } }); } else { var form_data = { pid:<?php echo $selproduct['pid'];?>, ajax:'1' }; $.ajax({ url:"<?php echo site_url('welcome/delfollow/');?>", type:'POST', data:form_data, success:function(msg){ $('#follow').html(msg); } }); } return false; })
登录后复制
登录后复制
上面是我写的jquery代码,功能实现了,但是为什么只有等手动刷新本页面才能看到结果呢?
下面的 CI控制器的写法,求指导。。
function addfollow(){ $pid = $this->input->post('pid'); if($this->input->post('ajax')){ } }
登录后复制
登录后复制
回复内容:
<div id="follow"><a href="#" class="follow <?php if($selfollow > 0){echo 'message';}?>"><?php if($selfollow == 0){echo '关注';}else{echo '取消关注';}?></a></div>
登录后复制
登录后复制
上面是HTML
$('#follow').click(function(){ if($(".follow").text() == "关注") { var form_data = { pid:<?php echo $selproduct['pid'];?>, ajax:'1' }; $.ajax({ url:"<?php echo site_url('welcome/addfollow/');?>", type:'POST', data:form_data, success:function(msg){ $('#follow').html(); } }); } else { var form_data = { pid:<?php echo $selproduct['pid'];?>, ajax:'1' }; $.ajax({ url:"<?php echo site_url('welcome/delfollow/');?>", type:'POST', data:form_data, success:function(msg){ $('#follow').html(msg); } }); } return false; })
登录后复制
登录后复制
上面是我写的jquery代码,功能实现了,但是为什么只有等手动刷新本页面才能看到结果呢?
下面的 CI控制器的写法,求指导。。
function addfollow(){ $pid = $this->input->post('pid'); if($this->input->post('ajax')){ } }
登录后复制
登录后复制
好吧,问题我自己解决了 要感谢@joyqi 的提示
主要是是操作数据的时候没有返回值, $ajax重写一定要这样写
success:function(msg){ $('#follow').html(msg); }
登录后复制
返回的#follow 要单独写一个文件
CI 控制器要这样写:
function addfollow(){ $pid = $this->input->post('pid'); if($this->input->post('ajax')){ $data['pid'] = $pid; $this->load->view('follow', $data); } }
登录后复制
你ajax返回的应该是当前返回数吧,你看看你follow的js代码里
success:function(msg){ $('#follow').html(); }
登录后复制
这里应该是$('#follow').html(msg);
吧
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南

如何设置 Visual Studio Code (VS Code) 进行 PHP 开发
