美文网首页
swal的几种用法

swal的几种用法

作者: 清风徐来_简 | 来源:发表于2020-09-11 21:41 被阅读0次

1,弹出提示框,点击确认,进行下一步操作

swal({
    title: "操作提示",
    text: `是否删除名为“${query}”的反例?`,
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#4D9BFF",
    cancelButtonText: "取消",
    confirmButtonText: "是的,确定删除!",
    closeOnConfirm: true,
    timer: 200
     }, function (isConfirm) {
        if (isConfirm) {
            $.ajax({
            type: 'DELETE',
            url: now_url + '/knowledge/mark/fanli/',
            data: JSON.stringify({fanli_id: fanli_id}),
            contentType: 'application/json;charset=UTF-8',
            dataType: "json",
            crossDomain: true,
            xhrFields: {
                  withCredentials: true
                },
            success: function success(response) {
                  if (response.code === 0) {
                      $.message('删除反例成功');
                      getFanliResult(collectionSearchCondition(1), 1);
                    } 
                  else if (response.code === 1) {
                      setTimeout(function () {  // 此处加上定时,否则会出现闪现,一起消失的现象
                          swal({
                            title: "操作提示",
                            text: response.msg,
                            type: "warning",
                            confirmButtonColor: "#4D9BFF",
                            confirmButtonText: "确定",
                            closeOnConfirm: true
                          })}, 100);
                        }
                    },
            error: function error(err) {
                  console.log(err);
                  }
            });
            }
        else {}
  });

2,仅弹出提示框

swal({
    title: "操作提示",
    text: "请选择一个实例",
    type: "warning",
    confirmButtonColor: "#4D9BFF",
    confirmButtonText: "确定",
    closeOnConfirm: true
})

3,仅弹出提示框,简单写法

swal("导出失败", "no permission", "error");
swal("操作提示", "配置下发成功!", "success");
swal("配置下发失败", response.msg, "warning");

相关文章

  • swal的几种用法

    1,弹出提示框,点击确认,进行下一步操作 2,仅弹出提示框 3,仅弹出提示框,简单写法

  • Sweetalert2的使用

    替代alert的好插件 实例 需要在swal 写成 swal.fire 实例都能调用了! 地址github地...

  • 箭头函数

    这个是几种用法分为为是否有参数的

  • look的几种用法

    look for 寻找 1.A:What are you looking for?你在找什么呢?B:I am lo...

  • WebView的几种用法

    // 取消右侧,下侧滚动条,去处上下滚动边界的黑色背景 _webView.delegate=self; _webV...

  • header 的几种用法

    1. 跳转页面 2. 声明content-type 3. 返回response状态码 4. 在某个时间后执行跳转 ...

  • MJExtension的几种用法

    这次研究下MJExtension,MJExtension是解析json的三方框架,简单实用下面是几种用法 最简单的...

  • FSPageControl的几种用法

    选中为椭圆,非选中为圆,切宽度不一样image.png 选中非选中都为椭圆、宽高一样image.png 五角星⭐️...

  • Promise的几种用法

    Promise 1、什么是Promise ? 在ES6中一个非常重要和好用的特性就是Promise但是在初次接触P...

  • TabLayout 的几种用法

    1.结合ViewPager使用 这是最常见的用法了,实现也比较简单。 布局文件: 对应的Activity页面: 设...

网友评论

      本文标题:swal的几种用法

      本文链接:https://www.haomeiwen.com/subject/ohzbektx.html