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

 更新时间:2019年07月23日 11:23:15   作者:返回主页 挑战者V  
这篇文章主要介绍了微信小程序 确认框的实现(附代码),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

效果图如下:

核心代码如下:

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命名空间的一些心得

    这篇文章主要介绍了关于JavaScript命名空间的一些心得,分别给出了顶级、多级命名空间的例子,需要的朋友可以参考下
    2014-06-06
  • javascript如何动态加载表格与动态添加表格行

    javascript如何动态加载表格与动态添加表格行

    在某些时候需要动态加载表格与动态添加表格行,在接下来的文章中将为大家介绍下javascript是如何做到的,感兴趣的朋友不要错过
    2013-11-11
  • Js实现无刷新删除内容

    Js实现无刷新删除内容

    本文给大家分享的是一段仿腾讯微博的无刷新删除特效的代码,非常的实用,有需要的小伙伴可以参考下。
    2015-04-04
  • 前端设计师们最常用的JS代码汇总

    前端设计师们最常用的JS代码汇总

    本文给大家整理汇总了一些做前端经常需要用的到JavaScript代码片段,非常的全面,有需要的小伙伴可以参考下
    2016-09-09
  • JavaScript this的原理以及指向详解

    JavaScript this的原理以及指向详解

    面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变,在方法中,this 表示该方法所属的对象,如果单独使用,this 表示全局对象
    2021-10-10
  • 微信小程序中时间戳和日期的相互转换问题

    微信小程序中时间戳和日期的相互转换问题

    这篇文章主要介绍了微信小程序中时间戳和日期的相互转换问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • 推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

    推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

    这篇文章主要介绍了推荐三款日期选择插件,My97DatePicker、用于PC端的jquery.datepicker,以及专注于移动端的Mobiscroll,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • axios 处理 302 状态码的解决方法

    axios 处理 302 状态码的解决方法

    这篇文章主要介绍了axios 处理 302 状态码的解决方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04
  • JS弹出窗口代码大全(详细整理)

    JS弹出窗口代码大全(详细整理)

    如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,平时利用业余时间整理了一些,需要的朋友可以参考一下
    2012-12-12
  • JavaScript可视化与Echarts详细介绍

    JavaScript可视化与Echarts详细介绍

    提到数据可视化相信大家都不陌生,它能够将单一的数据通过合适的可视化图表类型表现出来,使其更加直观的展现数据的变化趋势、对比、峰值等等。其实在前端开发中,数据可视化也尤为重要,在众多图表库中,echarts就是最常见的图表库之一
    2022-07-07

最新评论