ZKX
首页
分类
PHP
MySQL
登录/注册
自定义layui模块
2019-12-28
45
0
layui是一个比较适合`后端大大`快速搭建前端页面的框架,虽然layui自带了很多的模块,但是确不能满足一些场景的时候,我们就可以自定义一个模块。 例如:我们经常使用ajax,虽然layui是有这些模块的,但当我们的场景为ajax去请求接口的时候,没有登录的时候需要自动跳转到登录页,这种重复切不易维护的代码,就要把这个请求封装起来。 本文所用的是`layuiadmin`,如果是layui,参照[传送门](https://www.layui.com/doc/base/modules.html "传送门") , [相关资料](https://blog.csdn.net/qq_38698753/article/details/80647113 "相关资料") #### 1.创建模块文件 在`layuiadmin/modules/`下创建 `ajaxrequest.js` ```javascript layui.define(['jquery'], function(exports){ var $ = layui.jquery; var obj = { ajax: function (url, type, dataType, data, callback) { $.ajax({ url: url, type: type, dataType: dataType, data: data, success: callback }); } }; //输出接口 exports('common', obj); }); ``` `layui.define()`方法为layui的定义模块方法,该方法接收2个参数,第一个参数为依赖模块,这里看到我们依赖与jquery;第二个回调方法,这里面我们定义模块的内容,就是提供那些方法,从上面可以看出我们定义了一个obj对象,该对象有一个ajax方法用于调用jquery的ajax执行我们的操作。如果你是封装其他的jquery插件,那就把插件的js代码放到layui.define()的回调方法里就行了。 exports()为输出接口,这个方法也有两个参数,第一个为输出模块的名字,第二个为输出哪个对象。 #### 2.调用模块 ```javascript layui.config({ base: '/layuiadmin/modules/' //自定义layui组件的目录 }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'common'], function(){ var common = layui.common; common.ajax('http://route.showapi.com/32-9', 'post', 'json', { 'showapi_appid': 28043, 'showapi_sign': 'fd5ce066f69441bfa078c0ad16129b15', 'q': 'hello' }, function (res) { alert(JSON.stringify(res)); }); }); ```
标签:
layui
评论
回复
测试人物
:
取消回复
评论正在提交中...请稍后
评论提交成功...
提交失败
评论
接口请求错误
加载更多
网站信息
联系博主
日志总数:82 篇
网站运行天数:448 天
微信:未设置
QQ:未设置
热门文章
layui 的 checkbox 联动,监听事件不准确
2019-11-05
293
4
PHP 控制 QPS (Query Per Second) 的写法
2019-11-05
236
0
phpstudy 升级 MySQL版本到MySQL5.7
2020-04-01
155
0
laravel php artisan migrate 指定迁移文件
2019-12-12
121
0
laravel 整合 workerman 做聊天室
2019-12-12
92
0
微擎数据库表结构,供参考!
2019-11-05
91
0
在使用laravel+layui时,模板语法冲突
2019-11-05
88
0
PHP 用正则分章节
2019-12-05
85
0
git 常用命令
2019-12-11
79
0
Navicat 远程连接 mysql报can't connect to mysql server on 10060
2019-11-05
78
0
在阿里云服务器上部署git
2019-11-05
77
0
curl 请求
2019-11-05
77
0