微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框

妖狐艹你老母 2023-01-23 03:54 5阅读 0赞

scan.wxml

<view class="container">
    	<view class='imagesize'>
    		<image class='img' bindtap='getScancode' src="{
       {back}}"></image>
    	</view>
    	<view style="display: flex;justify-content: center;">请扫描卡号</view>
    	
    	<navigator url="/pages/card/card" hover-class="changestyle">
    		<view class='imagesizehand'>
    			<image src="{
       {hand}}"></image>
    		</view>
    		<view style="display: flex;justify-content: center;">手动输入卡号</view>
    	</navigator>
    </view>

scan.js

//index.js
    //获取应用实例
    const app = getApp()
    
    Page({
    	data: {
    		back: "../../images/scanning.png",
    		hand: "../../images/hand.png",
    		result: ''
    	},
    
    	onLoad: function() {
    	},
    	getScancode: function() {
    		var _this = this;
    		// 允许从相机和相册扫码
    		wx.scanCode({
    			success: (res) => {
    				var result = res.result;
    				_this.setData({
    					result: result,
    				})
    
            //在回调函数里面，将获得的返回值，带到下一个界面里面去
           
            //三秒钟之后跳转到主界面
            setTimeout(function () {
              wx.navigateTo({
                url: '../card/card?result=' + result
              })
            }, 3000)
    
    			}
    
          
    		})
    	}
    })

card.wxml

card.js

// pages/card/card.js
    Page({
    
    	/**
    	 * 页面的初始数据
    	 */
    	data: {
    		id: 1,
    		deviceId: '',
    	},
    
    	//事件处理函数
    
    	bindViewTap: function() {
    		wx.navigateTo({
    			url: '../cardsuccess/cardsuccess'
    		})
    		//三秒钟之后跳转到主界面
    		setTimeout(function() {
    			wx.switchTab({
    				url: '../index/index'
    			})
    		}, 3000)
    	},
    
    	/**
    	 * 生命周期函数--监听页面加载
    	 */
    	onLoad: function(options) {
        console.log(options)
        // 生命周期函数--监听页面加载
        this.setData({
          deviceId: options.result,
      
        })
    	},
    
    	confirmPublish: function() {
    		// if (!this.data.taskName) {
    		//   this.setData({ errortip: true, errorMsg: '任务名不能为空' })
    		//   setTimeout(() => {
    		//     this.setData({ errortip: false, errorMsg: '' })
    		//   }, 2000)
    		//   return
    		// }
    
    
    		// const data = {}
    		// data.id = this.data.id
    		// data.deviceId = this.data.deviceId
    		var params = {
    
    			id: 1,
    			deviceId: "12345678",
    		}
    
    
    		wx.request({
    			url: 'http://192.xxx.4.103:8093/cs-applet/subscribe/bindingCard',
    			method: 'PUT',
    			data: params,
    			dataType: "json",
    			success: function(res) {
    				// console.log(res)
    				// if (res.data.code === "0001") {
    				//   wx.showToast({
    				//     title: res.data.msg,
    				//     icon: 'none',
    				//     duration: 2000
    				//   })
    				//   return;
    				// }
    				// wx.showToast({
    				//   title: '添加成功',
    				//   icon: 'success',
    				//   duration: 2000
    				// })
    				// setTimeout(() => {
    				//   wx.switchTab({
    				//     url: "/pages/index/index?refresh=true",
    				//   });
    				// }, 1000);
    			},
    			fail: function(error) {
    				wx.showToast({
    					title: error.message || '保存失败'
    				})
    				console.log(error)
    			}
    		})
    	},
    
    	/**
    	 * 生命周期函数--监听页面初次渲染完成
    	 */
    	onReady: function() {
    
    	},
    
    	/**
    	 * 生命周期函数--监听页面显示
    	 */
    	onShow: function() {
    
    	},
    
    	/**
    	 * 生命周期函数--监听页面隐藏
    	 */
    	onHide: function() {
    
    	},
    
    	/**
    	 * 生命周期函数--监听页面卸载
    	 */
    	onUnload: function() {
    
    	},
    
    	/**
    	 * 页面相关事件处理函数--监听用户下拉动作
    	 */
    	onPullDownRefresh: function() {
    
    	},
    
    	/**
    	 * 页面上拉触底事件的处理函数
    	 */
    	onReachBottom: function() {
    
    	},
    
    	/**
    	 * 用户点击右上角分享
    	 */
    	onShareAppMessage: function() {
    
    	}
    })

![99ccd91b0f39d6ace1cc4d94a03c5f0d.png][]

![4a11d6738a737ffcec664288cd159e2d.png][]

[99ccd91b0f39d6ace1cc4d94a03c5f0d.png]: /images/20221004/1139de6ba6994727b2e88d849d1abba7.png
[4a11d6738a737ffcec664288cd159e2d.png]: /images/20221004/ad6d3ab573bb4124ac3fad7069de772a.png