zoukankan      html  css  js  c++  java
  • 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差不多!

  • 相关阅读:
    是什么意思
    Hql查询
    java的LINQ :Linq4j简明介绍
    Sqlite内存数据库
    ACE中的Proactor介绍和应用实例
    mysql的锁表问题
    消息:'null'为空或不是对象
    FusionChart中引入图类型和数据源方法
    实现FusionChart动态获取数据(二)
    JSP页面解决文件路径方法
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/13578737.html
Copyright © 2011-2022 走看看