swal 弹框确定ajax,前端常用效果(layer/swal)
1.等待状态
layer.load(1, {
shade : [ 0.6, '#000' ]
},function(){
});
2.确认confirm框
layer.confirm('您确认从购物车中移除该课程吗?', {
btn : [ '确定', '取消' ]
}, function() {
var url = hostUrl + '/stuCourse/deleteCart.json';
var data = {
id : id
};
var success = function(json) {
if (json.success) {
layer.closeAll('dialog');
//window.location.reload();
var url=hostUrl+"/stuCourse/courseQuery2/"+$("#sno").val()+
"?schoolId="+$("#schoolId").val()+
"&teacherId="+$("#teacherId").val()+
"&gradeId="+$("#grade").val()+
"&subjectId="+$("#subject").val()+
"&termId="+$("#term").val()+
"&levelId="+$("#level").val()+
"&keyword="+$("#keyword").val()+
/* "&sno="+$("#sno").val()+ */
"&limit="+$("#limit").val()+
"&offset="+$("#offset").val();
window.location.href=url;
} else {
layer.msg("移除失败,请稍候再试...", {
icon : 5
});
}
};
T.ajaxPostJsonResult(url, data, success, null);
});
3.错误提示框
swal("付款金额总数不对哦!", "", "error");
4.确认框
swal({
title: "确认收到该订单的付款?",
text: "",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#1c84c6",
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnConfirm: false,
closeOnCancel: false
}, function (isConfirm) {
if (isConfirm) {
……
}
else {
swal("已取消", "您取消了付款报名操作!", "error");
}
})
5.提示框
swal({
title: "报名成功!",
text: json.msg,
type:"success"
},function(){
window.location.href =
});
6.图片查看
×Close
查看图片
$("#showCon").on("click",".fa-search",function(){
bigImg($(this));
});
function bigImg(obj){
var showPic = $("#showPic");
var bigImg = showPic.find("img");
var src = obj.parent().parent().siblings("img").prop("src");
bigImg.prop("src","");
bigImg.prop("src",src);
}
layer.msg("难过脸,失败", {
icon : 5
});
layer.msg("勾,成功", {
icon : 1
});
swal 弹框确定ajax,前端常用效果(layer/swal)相关推荐
- swal弹框出现的瞬间就消失了
swal弹框出现的瞬间就消失,弹框套着弹框结果第一个弹框不消失,swal.close()失效 写完代码后发现弹框并没有预想的情况出现,但是仔细阅读代码后发现也没有问题,之后在浏览器调试模式下打断点,发 ...
- Dialog 弹框(几种常用弹框)
Dialog继承Object,异步调用,不会阻塞UI线程.以下是对他的整体框架: 最常用的还是AlertDialog.今天主要是讲他的用法.AlertDialog的用法也很简单 常用的方法: setT ...
- 前端常用效果(2)带效果的tab切换
先上效果, 代码引用了jquery的框架 复制代码 功能实现比较简单,代码如下所示: html代码如下 <div class='tabchouse'> <!--设置元素位置--> ...
- 动画 自制弹框上滑+渐显效果
<view class="mask {{showShare ? 'slidefadeUp' : 'slidefadeDown'}}" wx:if="{{showSh ...
- ajax 弹框 示例,AJAX实现鼠标经过弹出详细介绍示例
var eposx ; var eposy ; function showRequest(pid,event){ eposx = event.clientX; eposy = event.client ...
- 前端常用效果(3)带动画的比较型柱状图
先上效果, 代码引用了jquery的框架 复制代码 在项目中我们经常会遇到需要用图的形式展示数据,数据不是很多,用插件感觉没必要,而且有时候我们需要一些自定义的功能来展示,而这些功能可能是插件没有的, ...
- 自己封装一个弹框插件
弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高, ...
- 阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
阻止微信浏览器/QQ浏览器弹框"在浏览器打开" 相信许多移动端工程师对下面这张图中出现的东西记忆深刻: 微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框.有时 ...
- Xamarin只言片语1——Xamarin下的弹框
有一段时间没有写博客了,一是因为身体原因,二是因为需要充充电.过去的一段时间,做了一些xamarin的开发,有一些小的心得,就想着把用过的一些知识点共享出来,给大家分享,让学习xamrin的人少走一些 ...
最新文章
- 如果ASM磁盘组由哪些物理磁盘组成?
- 10W学习笔记——查询之联接
- python如何使用apriori_python-如何加快基于Apriori框架的速度,以仅生...
- Android开发学习笔记-自定义对话框
- php基本语法 格式,PHP 基本语法格式
- 大家觉得现在最赚钱的电商形式是什么?
- java设计模式面试,深入分析
- OpenCV探索之路——图像形态学处理(膨胀、腐蚀、开运算、闭运算)
- C# ASP.NET MVC:使用Cookie记住账号密码
- 【一天一个挨打小技巧】暴力磁力种子磁力链接下载
- ​香农与信息论三大定律
- 被V神点赞, 我是如何用五子棋打败以太坊排名最高的应用的? |人物志
- 计算机网络原理 实验3《IP数据包捕获及数据分析》
- 前端页面缓存系列之localStorage
- SAP BAPI_EXCHANGERATE_GETDETAIL 读取货币汇率
- 人类计划软件测试,人类分裂了16种人格,测测你是哪一种?
- hacks cheats injection
- 天翼云、移动云ubuntu服务器分区和磁盘挂载步骤
- 3.7. Miscellaneous
- 按键精灵打怪学习-窗口绑定保护技能和点击技能
热门文章
- 数据结构---如何判定链表是否有环
- Python使用all()简化条件判断
- python怎么算积分_python使用sympy不定积分入门及求解
- SAP PO 消息报文存储详解(永久保存SAP PO中间件消息之三)
- 计算机二级(二)仅学习
- java海报_使用java画一张海报
- 《左耳听风》-ARTS-打卡记录-第七周
- PC1通往PC2的详细过程
- KM算法 最优匹配(最大权匹配) hdu 2255 奔小康赚大钱 最小权匹配 poj 2195 Going Home
- matlab数组元素的比较大小排序,MATLAB数组元素的排序