例子
觸發鏈接
html
```
<button type="button" class="cms">觸發鏈接</button>
```
js
```
<script >
layui.use('form',function(){
var form = layui.form
,jq = layui.jquery;
jq('.cms').click(function(){
loading = layer.load(2, {
shade: [0.2,'#000']
});
jq.getJSON("鏈接地址", function(data) {
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
//成功 這里提交成功添加相應的js比如刷新頁面 跳轉頁面等
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
}
});
});
})
</script>
```
觸發鏈接彈出提示
```
<script >
layui.use('form',function(){
var form = layui.form
,jq = layui.jquery;
jq('.cms').click(function(){
layer.confirm('你確定要提交嗎？', function(index){
loading = layer.load(2, {
shade: [0.2,'#000']
});
jq.getJSON("鏈接地址", function(data) {
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
//成功 這里提交成功添加相應的js比如刷新頁面 跳轉頁面等
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
}
});
});
});
})
</script>
```
觸發點填寫鏈接
```
<button type="button" class="layui-btn addonscms" title="提示" url="鏈接" >觸發</button>
```
```
<script >
layui.use(['jquery', 'form'],
function() {
var jq = layui.jquery;
jq('.addonscms').click(function(){
var url = jq(this).attr('url');
var title = jq(this).attr('title');
layer.confirm(title, function(index){
loading = layer.load(2, {
shade: [0.2,'#000']
});
jq.getJSON(url, function(data) {
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
location.reload();//刷新
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 2, time: 1000});
}
});
});
});
})
</script>
```
form表單提交一
html
```
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">輸入框</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="請輸入標題" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="cms">立即提交</button>
</div>
</div>
</form>
```
js
```
<script>
layui.use('form',function(){
var form = layui.form
,jq = layui.jquery;
form.on('submit(cms)', function(data){
loading = layer.load(2, {
shade: [0.2,'#000']
});
var param = data.field;
jq.post('提交的表單鏈接',param,function(data){
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
location.href = '/';
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
}
});
return false;
});
});
</script>
```
form表單例子二
html
```
<form class="layui-form form-container" data-url="提交的表單鏈接" localtion-url="提交成功后跳轉后的鏈接">
<div class="layui-form-item">
<label class="layui-form-label">輸入框</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="請輸入標題" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="cms">立即提交</button>
</div>
</div>
</form>
```
js
```
<script>
layui.use(['jquery', 'form'],
function() {
var form = layui.form,jq = layui.jquery;
var upload = layui.upload;
var url=jq('form').data('url');
var locationurl=jq('form').attr('localtion-url');
jq('.layui-form').append('<input type="hidden" name="token" value="'+token+'">');
form.on('submit(cms)', function(data){
loading = layer.load(2, {
shade: [0.2,'#000']
});
var param = data.field;
jq.post(url,param,function(data){
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
location.href = locationurl;
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
}
});
return false;
});
})
```
自定義觸發
html
```
<button type="button" member-name="彈出提示? " url="觸發的鏈接" lay-submit lay-filter="cms">提交</button>
```
js
```
<script>
layui.use('form',function(){
var form = layui.form
,jq = layui.jquery;
form.on('submit(cms)', function(data){
var param = data.field;
var name = jq(this).attr('member-name');
var url= jq(this).attr('url');
//彈出提示
layer.confirm(''+name+'', function(index){
loading = layer.load(2, {
shade: [0.2,'#000']
});
jq.post(url,param,function(data){
if(data.code == 1){
layer.close(loading);
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
location.reload();//刷新
});
}else{
layer.close(loading);
layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
}
});
return false;
});
});
});
</script>
```
