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


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 Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
jQuery实现CheckBox全选、全不选功能
Jan 11 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
javascript中数组的常用算法深入分析
Mar 12 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
分享下php5类中三种数据类型的区别
2015/01/26 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
2015/08/26 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
Python中decorator使用实例
2015/04/14 Python
Python实现线程状态监测简单示例
2018/03/28 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
深入解析神经网络从原理到实现
2019/07/26 Python
Tensorflow 多线程设置方式
2020/02/06 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
python一些性能分析的技巧
2020/08/30 Python
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
2016/04/26 HTML / CSS
新电JAVA笔试题目
2014/08/31 面试题
中英双版中文教师求职信
2013/10/27 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
我爱我校演讲稿
2014/05/21 职场文书
市场营销策划方案
2014/06/11 职场文书
商务专员岗位职责范本
2014/06/29 职场文书
社会实践的活动方案
2014/08/22 职场文书
2015大学生实训报告
2014/11/05 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
2014年行政部工作总结
2014/11/19 职场文书
永远是春天观后感
2015/06/12 职场文书
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python