监听提交,发异步,把数据提交给php,有没有示例?

监听提交,发异步,把数据提交给php,有没有示例?
          //监听提交
          form.on('submit(add)', function(data){
            console.log(data);
            //发异步,把数据提交给php
            layer.alert("增加成功", {icon: 6},function () {
                // 获得frame索引
                var index = parent.layer.getFrameIndex(window.name);
                //关闭当前frame
                parent.layer.close(index);
            });
            return false;
          });
提交完后,如何刷新界面。
已邀请:

Spring

赞同来自:

layui.use(['form','layer'], function(){
$ = layui.jquery;
var form = layui.form
,layer = layui.layer;
//监听提交
form.on('submit(add)', function(data){
console.log(data);
var username,password,email,phone,is_admin,is_lock,sex;
username = $('input[name="username"]').val();
password = $('input[name="password"]').val();
email = $('input[name="email"]').val();
phone = $('input[name="phone"]').val();
is_admin = $('input[name="is_admin"]:checked').val();
is_lock = $('input[name="is_lock"]:checked').val();
sex = $('input[name="sex"]:checked').val();
$.ajax({
url:"{:url('Admin/user/add')}",
data:{'username':username,'password':password,'email':email,'phone':phone,'is_admin':is_admin,'is_lock':is_lock,'sex':sex,},
type: "post" ,
dataType:'json',
success:function(status){
console.log(status);
if(status.status){
layer.msg(status.message, {icon:1,time:1000},function () {
parent.location.reload();
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
});
}else{
layer.msg(status.message, {icon:1,time:1000});
}
}
})
return false;
});
});
给个例子你做参考

 

xiang135666

赞同来自:

谢谢大神指点,弱弱问下:表格可否有layui示例?
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
  //执行一个 table 实例
  table.render({
    elem: '#test'
    ,height: 332
    ,url: '/demo/table/user/' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名', width:80}
      ,{field: 'sex', title: '性别', width:80, sort: true}
      ,{field: 'city', title: '城市', width:80} 
      ,{field: 'sign', title: '签名', width: 170}
      ,{field: 'experience', title: '积分', width: 80, sort: true}
      ,{field: 'score', title: '评分', width: 80, sort: true}
      ,{field: 'classify', title: '职业', width: 80}
      ,{field: 'wealth', title: '财富', width: 135, sort: true}
      ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    ]]
  });

Spring

赞同来自:

没有这种例子 我都是php assign到模板  然后模版foreach显示数据.

要回复问题请先登录注册