index.wxml
<view class="container"> <text>{{txt}}</text> <input name="name" type="text" id=‘text‘ bindchange="xyz"/> <button id="btn" bindtap="abc" >提交</button> </view>
index.js
//index.js //获取应用实例 const app = getApp() Page({ data: { motto: ‘Hello World‘, userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse(‘button.open-type.getUserInfo‘), txt:"", }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: ‘../logs/logs‘ }) }, abc:function(e){//该函数用于和后台交互 // var v = e var v = this.txt; var self=this; //关键代码,这要操作程序无法运行 wx.request({ url: ‘https://域名/jous/hello.do‘, //仅为示例,并非真实的接口地址 data: { name:v, }, header: { ‘content-type‘: ‘application/json‘ // 默认值 }, success(res) { //console.log(res.data) this.txt=res.data//把交互的参数值赋值给全局变量 console.log("aaa" + this.txt)//控制台输出变量 self.setData({//动态设置显示的值 txt: this.txt }) } }) }, xyz: function (e) {//从输入框获取数据 var v = e.detail.value this.txt=v;//将获取到的值赋值给中间变量 }, })
原文地址:https://www.cnblogs.com/max-hou/p/11663041.html
时间: 2024-11-08 20:40:26