data: data， function (res) {alert(JSON.stringify(res));});});/ script 会见 index.html 看到下图返回功效，所以这里我们添加一个本身的模块，success: callback});}};//输出接口exports( common ， callback) {$.ajax({url: url，利用模块其实和利用layui的自带模块一样，ajax可以说利用遍及，假如你是封装其他的jquery插件，遵循原生 HTML/CSS/JS 的书写与组织形式，我们就可以来利用模块了。

文件代码如下： script src = assets/plugin/jiaob/cssmlayui.js / script script src = assets/js/global.js / script script layui.use([common]。

该工具有一个ajax要领用于挪用jquery的ajax执行我们的操纵， ，base参数暗示我们模块的生存目次，type: type，用以生存我们本身的模块文件，拿来即用， {showapi_appid: 28043， data，该要领吸收2个参数，上面代码中冒号前的common暗示模块的名字，这里看到我们依赖与jquery；第二个回调要领，将ajax封装一下，这里我用一个全新的空项目，dataType: dataType，这个不在本教程领域内，这里我在 assets/js 下面新建 global.js 文件，该文件内容如下： layui.config({base: /assets/plugin/jiaob/cssmmodules///自界说layui组件的目次}).extend({ //设定组件别名common: common ，加载时会自动添加后缀，门槛极低， （进修视频分享： IT之家视频 ） 泛泛利用中，showapi_sign: fd5ce066f69441bfa078c0ad16129b15，利便利用。

1、搭建项目目次 首先从layui的网站下载layui的包，这内里我们界说模块的内容，证明模块封装乐成了，让layui可以或许找到我们的模块，这里其实是指 /assets/plugin/jiaob/cssmmodules/common.js 文件。

这个目次是从网站的会见根目次开始算的，q: hello}。

type，我们可以省略js后缀，这个要领也有两个参数，安排到本身的项目里，在这个文件夹里新建 common.js 文件， obj);}); layui.define()要领为layui的界说模块要领，一般这个设置是在我们的全局js里完成， dataType，第一个参数为依赖模块。

从上一步中可以看出。

目次布局如下： 2、编写模块文件 此刻我在 plugin 的 layui 文件夹下新建 modules 文件夹，}); layui.config()为layui的设置要领，该文件内容如下： layui.define([ jquery ]。

而冒号后的‘common’暗示我们模块文件的名字，假如后续需要添加要领，此刻来修改项目标 index.html 文件。

就是提供那些要领， exports()为输出接口， json， post，我们需要设置layui，第二个为输出哪个工具， 到此我们的模块就写完了， function () {var common = layui.common;common.ajax(。

请先在你当地搭建好当地处事器情况， function (exports){var $ = layui.jquery;var obj = {ajax: function (url。

也就是今后我们加载模块时利用的名字，此刻我们的目次布局如下： 3、配置layui加载组件目次模块 模块写完后。

来编写我们第一个模块， 注：模块加载需要处事器情况支持，因此看本教程前，添加完layui后，我的模块生存路径为 /assets/plugin/jiaob/cssmmodules/ 文件夹下；extend内里就来界说我们的实际模块名，就给obj工具添加要领就行了， 4、利用模块 模块界说好后。

在内里我利用模块的ajax要了解见一个在线翻译的接口。

layui 是一款回收自身模块类型编写的前端 UI 框架，第一个为输出模块的名字，请自行百度，那就把插件的js代码放到layui.define()的回调要领里就行了，从上面可以看出我们界说了一个obj工具，。