当前位置:首页 > 微信 > 正文

微信小程序实战,与后台交互

11-26 微信

标签:ade   input   ati   函数   lse   request   中间   操作   程序   

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;//将获取到的值赋值给中间变量
  },

})

  

微信小程序实战,与后台交互

标签:ade   input   ati   函数   lse   request   中间   操作   程序   

温馨提示: 本文由杰米博客推荐,转载请保留链接: https://www.jmwww.net/weixin/16002.html

博客主人杰米WWW
杰米博客,为大家提供seo以及it方面技巧喜欢的朋友收藏哦!
  • 11365文章总数
  • 2266822访问次数
  • 建站天数
  • 头条文章

    图文推荐

    站长推荐

    友情链接