微信小程序 确认框的实现(附代码)


Posted in Javascript onJuly 23, 2019

效果图如下:

微信小程序 确认框的实现(附代码)

核心代码如下:

delType:function(e){

 var typeId = e.currentTarget.dataset['id'];

 console.log("delete:"+typeId)


 wx.showModal({
  title: '提示',
  content: '确认要删除该支出类型?',
  success: function (res) {
   if (res.confirm) {
    console.log('用户点击确定')

    wx.request({

     url: getApp().globalData.urlPath + "spendingType/delete",
     method: "POST",
     data: {
      typeId: typeId
     },
     header: {
      "Content-Type": "application/x-www-form-urlencoded"
     },
     success: function (res) {
      console.log(res.data.code);
      if (res.statusCode == 200) {

       //访问正常
       if (res.data.code == "000000") {
        wx.showToast({
         title: "删除成功,返回支出类型列表",
         icon: 'success',
         duration: 3000,
         success: function () {

          wx.navigateTo({
           url: '../type/type'
          })
         }
        })

       }
      } else {

       wx.showLoading({
        title: '系统异常',
        fail
       })

       setTimeout(function () {
        wx.hideLoading()
       }, 2000)
      }

     }
    })


   } else if (res.cancel) {
    console.log('用户点击取消')
   }
  }
 })

}

wxml代码如下:

<text bindtap='delType' data-id="{{item.typeId}}">删除</text>

data-id相当于绑定对应的值,比方说你是根据id来删除对应的数据。

bindtap,即绑定事件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 学习笔记(四)
Dec 31 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
jquery复选框全选/取消示例
Dec 30 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
微信小程序 rich-text的使用方法
Aug 04 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
微信运维交互机器人的示例代码
Nov 12 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
koa2 从入门到精通(小结)
Jul 23 #Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 #Javascript
前端插件之Bootstrap Dual Listbox使用教程
Jul 23 #Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 #Javascript
vscode vue 文件模板的配置方法
Jul 23 #Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 #Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 #jQuery
You might like
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
PHP开发入门教程之面向对象
2006/12/05 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
php使用百度天气接口示例
2014/04/22 PHP
PHP数组内存利用率低和弱类型详细解读
2017/08/10 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
javaScript语法总结
2016/11/25 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python 和 JS 有哪些相同之处
2017/11/23 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
Shell脚本如何向终端输出信息
2014/04/25 面试题
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
预防煤气中毒方案
2014/06/16 职场文书
教师见习报告范文
2014/11/03 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
python tqdm用法及实例详解
2021/06/16 Python