$.get()请求-加入与退出功能

效果图：

 

PHP需要输出的是

HTML代码为：

<!--{if $ifConcern}-->
<a class="join joined" href="javascript:void(0);" data-act="cal" data-fid="{$_G['fid']}" data-formhash="{FORMHASH}">已加入</a>            
<!--{else}--> 
<a class="join" href="javascript:void(0);" data-act="con" data-fid="{$_G['fid']}" data-formhash="{FORMHASH}" data-uid="{$_G['uid']}">+加入</a>        
<!--{/if}-->    

 

JS代码为：

jQuery(function() {
    jq('body').delegate('a.join', 'click', function() {
        var act = jq(this).attr('data-act');
        var fid = jq(this).attr('data-fid');
        var formhash = jq(this).attr('data-formhash');
        var selft = this;
        //http://discuz.chenhua.cc/plugin.php?id=forumconcern_pang%3Aforum_concern&fid=110&act=con&formhashsend=aee72783
        jq.get("plugin.php", {id: "forumconcern_pang:forum_concern", fid: fid, act: act, formhashsend: formhash}, function(data) {
            if (data) {
                data = jq.parseJSON(data);
                var followcount = jq(selft).parents('.listInfo').find('.follow_count span');
                if (data.code) {
                    if (act == 'cal') {
                        jq(selft).attr('data-act', 'con').html('+加入');
                        jq(selft).removeClass('joined');
                        followcount.text(parseInt(followcount.text())-1);
                    } else if (act == 'con') {
                        if (data.isLogin) {
                            jq(selft).attr('data-act', 'cal').html('已加入');
                            jq(selft).addClass('joined');
                            followcount.text(parseInt(followcount.text())+1);
                        }
                    }
                }else if (data.isLogin == 0) {
                    showWindow('login', 'member.php?mod=logging&action=login');
                }
            }
        });
    });
    
    jq('body').delegate('a.joined', 'mouseover', function() {
        jq(this).text('退出');
    }).delegate('a.joined', 'mouseout', function(){
        jq(this).text('已加入');
    });
});

地址访问：http://discuz.chenhua.cc/forum.php?mod=forumdisplay&fid=110