layui ajax请求示例

加载js

<script>
    layui.config({
        base : "/Public/plug/layui/extend/" //address.js的路径
    }).use([ 'layer', 'jquery', "address",'form'], function() {
        var layer = layui.layer, $ = layui.jquery, address = layui.address(),form = layui.form;
        form.render();
    });
</script>

<script>
    layui.use(['layer','form'], function() {
        var $ = layui.jquery,form = layui.form;
        form.render();
    });
</script>

confirm对话框

$('.quit').click(function(){
      var openid = $(this).attr('data');
      var url = "{:U('Company/peopleQuit')}";
      var o = $(this);
      if(o.hasClass('layui-btn-disabled')){
          layer.msg('正在执行。。。',{icon: 5});//失败的表情
          return;
      }else{
          o.addClass('layui-btn-disabled');
          o.removeClass('quit');
      }
      layer.confirm('确定取消他的资格吗?', {
          icon: 3,
          skin: 'layer-ext-moon',
          btn: ['确认','返回'] ,//按钮
          btn2:function(){
              o.removeClass('layui-btn-disabled');
          }
      }, function(){
          $.ajax({
              url:url,
              type:'post',
              data:{openid:openid},
              beforeSend:function () {
                  this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] });
              },
              success:function(data){
                  if(data.status == 'error'){
                      layer.msg(data.msg,{icon: 5});//失败的表情
                      o.removeClass('layui-btn-disabled');
                      return;
                  }else{
                      layer.msg(data.msg, {
                          icon: 6,//成功的表情
                          time: 1000 //1秒关闭（如果不配置，默认是3秒）
                      }, function(){
                          location.reload();
                      });
                  }
              },
              complete: function () {
                  layer.close(this.layerIndex);
              },
          });
      });
  });

弹框操作

//审核
$('.audit').click(function(){
    var openid = $(this).attr('data');
    var url = "{:U('Company/peopleAudit')}";
    $.get(url,{openid:openid},function(data){
        if(data.status == 'error'){
            layer.msg(data.msg,{icon: 5});
            return;
        }
        layer.open({
            title:'审核',
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px','600px'], //宽高
            content: data,
        });
    })
});

监听表单提交

form.render();
form.on('submit(add)', function(data){
    var userInfo = data.field;
    var url = "{:U('Maintenance/companyAdd')}";
    $.ajax({
        url:url,
        type:'post',
        data:userInfo,
        beforeSend:function () {
            this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] });
        },
        success:function(data){
            if(data.status == 'error'){
                layer.msg(data.msg,{icon: 5});//失败的表情
                return;
            }else if(data.status == 'success'){
                layer.msg(data.msg, {
                    icon: 6,//成功的表情
                    time: 1000 //1秒关闭（如果不配置，默认是3秒）
                }, function(){
                    location.reload();
                });
            }
        },
        complete: function () {
            layer.close(this.layerIndex);
        },
    });
    return false;//阻止表单跳转
});