码迷,mamicode.com
首页 > 其他好文 > 详细

淘客部分功能实现源码

时间:2017-10-28 17:51:33      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:_id   xhr   parse   鼠标   data   addclass   登陆   源码   attr   

/*点赞功能实现*/
$(‘div.thumbup‘).unbind(‘click‘).bind(‘click‘ ,function(){
    var img = $(‘img‘, $(this));
    var data = img.attr(‘data‘);
    var cookie_key = ‘tz100_worth_‘ + data;
    $.ajax({
      type: "POST",
      contentType: "application/json",
      url: "/item/worth/",
      data: {"item_id": data},
      success: function(msg) {
        if(msg.result == ‘exist‘)
        {
            alert(‘已投票!‘);
        }
        else if(msg.result == ‘unlogin‘)
        {
            alert("先登陆,才能投票");
        }
        else
        {
            img.next().text(parseInt(img.next().text()) + 1);
            $.cookie(cookie_key, 1, { expires: 365, path: ‘/‘, domain:‘www.tz100.com‘ });
        }
      },
      error: function(msg) {}
    });
});

/*小规模的鼠标经过展示对应图片,当鼠标移过时,取到对于图片的路径,更换图片显示区图片路径即可*/
$("div.thumb-list img").mouseover(function(){
    $("div.thumb-list li").removeClass(‘cur‘);
    var $li = $(this).parent().parent();
    $li.addClass(‘cur‘);
    var curImg = $(this).attr("data-src");
    $("#cell_" + $li.attr(‘data‘) + ‘ div.gallery div.pic-box img‘).attr("src", curImg);
});

/*收藏功能*/
$("a.like_big").unbind(‘click‘).bind(‘click‘, function(){
    var link = $(this);
    if(‘‘.length == 0)
    {
        link.text(‘先登录才能收藏哦~‘);
    }
    $.ajax({
      type: "POST",
      contentType: "application/json",
      url: "/item/favorite/",
      data: {"item_id": $(this).attr(‘data‘)},
      beforeSend: function(xhr) {
        xhr.setRequestHeader("X-CSRFToken", $.cookie(‘csrftoken‘));
      },
      success: function(msg) {
        if(msg.result == "success")
        {
            $(link).text(‘已收藏~‘);
        }
        else if(msg.result == "exist")
        {
            $(".favorite_num", link).text(‘过了哦~‘);
        }
      },
      error: function(msg) {}
    });
});

 

淘客部分功能实现源码

标签:_id   xhr   parse   鼠标   data   addclass   登陆   源码   attr   

原文地址:http://www.cnblogs.com/chenyongyang/p/7747273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!