首页 > ajax局部刷新

ajax局部刷新

一个页面中有10个按钮,分别代表10个投票。点击其中任意一个data返回的是所有的数据id和value。value是点击的票数。现在想做百分比,点击其中任意一个btn时,会出现票数和百分比,但是当点击第二个按钮时(因为可多选),第一个已经被写道页面的百分比不会改变,想提问,如果点击第二个投票时,也让之前已经写道页面上的百分比重新计算。

$(".b").click(function () {
    //clickedButton = $(this);
    var ajaxBt = this.id;
    $.ajax({
        type: "POST",
        dataType: 'jsonp',
        jsonpCallback: "callback",
        url: "",
        data: {"name": ajaxBt},
        success: function (data) {
           //console.log(data);
            //服务器传回的id
            var tab = 0;
            if (ajaxBt != "btn10"){
                tab = (ajaxBt.substr(-1, 1))-1;
            }else {
                tab = 9;
            }

            //总数
            /*var sum = 0;
            $.each(data, function() {
                sum += this.value;
            });*/
            //票数
            var ballot = data[tab].value;
            //var per = Math.floor((ballot/sum)*100);
            $("#f"+(tab+1)).html(ballot);
            $("#"+ajaxBt).hide();
            $("#"+ajaxBt).siblings().show();
        },
        error: function (jqXHR, textStatus, errorThrown) {
        }
    })
});

//遮罩层
function showBlack(){
    $("#zhezhao").show();
    $("#img1").attr("src", "01.gif");
    $("video").css("display","none")
}
function hideBlack(){
    $("#zhezhao").hide();
    $("video").show();
}

其实也简单。
返回所有的按钮数据,重新渲染就是了。

【热门文章】
【热门文章】