入手JS的最快方式

JS 学习思路

• JS 正确的定义
• Layui 文档
• Layui 在线demo
• Layui TPL语法

打包Ajax

• 将一些通用的ajax打包成一个函数，同步方式异步方式都可以用，就看你喜不喜欢了

<script src="/static/layuiadmin/layui/layui.js"></script>
<script>
$.createUserCallBack = function(funcData, password){
       alert('用户建好了，密码生成给你:' + password);
       console.log('这个函数参数看你要怎么用了：' + funcData)
}
//把successFunc函数的参数要作为参数传入
$.createUser = function (postUrl, data, successFunc, funcData){
        $.ajax({
            url: postUrl,
            data: data,
            type: 'POST',
            dataType: 'json',
            beforeSend: function() {
            	//提交前加一个遮罩层防止中断
                loader = layer.load(2, {
                    shade: [0.3,'#000']
                });
            },
            success: function (res) {
                layer.close(loader);
                //判断异步回调信息内容，如下内容为{"status":0,"password":"MyPassword"}
                if (res.status == '0' ){
                	//将参数传入成功函数运行
                    successFunc(funcData, res.password);
                    layer.alert(res.content, {
                      skin: 'layui-layer-molv',
                      closeBtn: 0
                    })
                }else
                    layer.msg(res.msg, {
                        offset: '15px'
                        ,icon: 5
                        ,time: 1000
                    });
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                layer.close(loader);
                layer.msg('请求异常', {
                        offset: '15px'
                        ,icon: 5
                        ,time: 1000
                    });
            }
        });
    }
//开始调用，创建完成后系统把密码返回来
$.createUser('http://127.0.0.1/createUser.html', {'id':'123456', 'name':'Micheal Joson'}, $.createUserCallBack, '这是函数参数');
</script>