zepto中ajax的使用

// 发起投票
$(".vote-btn").on('click', function () {
    var vote_id = $('#vote_id').val();
    var openid = $('#openid').val();
    // 获取勾选的候选人id
    var select_count = $('.select').length;
    if (select_count == 0) {
        layer_msg('请勾选候选者');
        return false;
    }

    var vote_option_ids = '';
    $(".select").each(function (index) {
        if (vote_option_ids == '') {
            vote_option_ids += ',' + $(this).data('id') + ',';
        } else {
            vote_option_ids += $(this).data('id') + ',';
        }
    });

    if (form_lock) {
        // 请勿重复提交
        layer_msg('请勿重复提交');
        return false;
    } else {
        // 上锁
        form_lock = true;
        $.ajax({
            type:'POST',
            url: '/wx.php/Index/ajaxVoteData',
            data: {
                vote_id:vote_id,
                openid:openid,
                vote_option_ids:vote_option_ids
            },
            dataType: 'json',
            timeout: 3000,
            async: true, //所有请求均为异步。如果需要发送同步请求
            cache: false, //浏览器是否应该被允许缓存GET响应。
            context: $('body'),
            success: function (res) {
                // form_lock = false;
                if (res.errno == 0) {
                    layer_msg('提交成功');
                    setTimeout(function(){
                        window.location.reload();
                    }, 2000);
                } else {
                    layer_msg(res.errdesc);
                }
            },
            error: function () {
                form_lock = false;
                layer_msg('请求失败,请重试');
            }
        })
    }
});

跟jQuery差不多!

posted @ 2020-08-28 17:33  TBHacker  阅读(477)  评论(0编辑  收藏  举报