Heim > Backend-Entwicklung > PHP-Tutorial > 如何用Ajax CI实现 关注好友 功能

如何用Ajax CI实现 关注好友 功能

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-06 20:52:09
Original
927 Leute haben es durchsucht

<div id="follow"><a href="#" class="follow <?php if($selfollow > 0){echo 'message';}?>"><?php if($selfollow == 0){echo '关注';}else{echo '取消关注';}?></a></div>
Nach dem Login kopieren
Nach dem Login kopieren

上面是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;
})
Nach dem Login kopieren
Nach dem Login kopieren

上面是我写的jquery代码,功能实现了,但是为什么只有等手动刷新本页面才能看到结果呢?
下面的 CI控制器的写法,求指导。。

function addfollow(){
    $pid = $this->input->post('pid');
    if($this->input->post('ajax')){
    }
}
Nach dem Login kopieren
Nach dem Login kopieren

回复内容:

<div id="follow"><a href="#" class="follow <?php if($selfollow > 0){echo 'message';}?>"><?php if($selfollow == 0){echo '关注';}else{echo '取消关注';}?></a></div>
Nach dem Login kopieren
Nach dem Login kopieren

上面是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;
})
Nach dem Login kopieren
Nach dem Login kopieren

上面是我写的jquery代码,功能实现了,但是为什么只有等手动刷新本页面才能看到结果呢?
下面的 CI控制器的写法,求指导。。

function addfollow(){
    $pid = $this->input->post('pid');
    if($this->input->post('ajax')){
    }
}
Nach dem Login kopieren
Nach dem Login kopieren

好吧,问题我自己解决了 要感谢@joyqi 的提示
主要是是操作数据的时候没有返回值, $ajax重写一定要这样写

success:function(msg){

  $('#follow').html(msg);

}
Nach dem Login kopieren

返回的#follow 要单独写一个文件

CI 控制器要这样写:

function addfollow(){


$pid = $this->input->post('pid');


if($this->input->post('ajax')){

$data['pid'] = $pid;

$this->load->view('follow', $data);

}


}
Nach dem Login kopieren

你ajax返回的应该是当前返回数吧,你看看你follow的js代码里

success:function(msg){
             $('#follow').html();
        }
Nach dem Login kopieren

这里应该是$('#follow').html(msg);

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage