记录:微信小程序 数据请求 GET请求和POST请求

在服务器域名中配置request合法域名

1、请求的接口必须使用https

2、接口地址中不能使用ip地址或者localhost,必须使用域名

 POST请求:

url代表调用的地址

method声明使用的是POST请求,

data是数据

采用success回调函数获取接口返回的数据

send(){
      console.log(this.data.value);
      var value = this.data.value;

      //这里可以加一些验证
      wx.request({
          url: 'url',
          method: "POST",
          header: {
             "content-type": 'application/x-www-form-urlencoded; charset=UTF-8'
          },
          data: {
               //要传给接口的参数
               vin: this.data.value
          },
          success: (res) => {
               //注意这里的数据获取,有的获取的不对
               console.log("数据",res.data)
               console.log("数据2",res.data.data.result)
  
          this.setData({
              //返回来的信息,记得在data里加vininfo的数组
              vininfo:res.data.data.result
          })
        }
      })
}

GET 请求:

利用 wx.request 将 data 数据传给前面添加的域名,然后利用 console.log() 将data 打印出来显示在调试器中。


若希望在页面刚加载时就自动触发 GET 和 POST 事件,

可以利用在 logs.js 中的 onLoad 函数利用 this.getinfo 和 this.postinfo 。


this.setData({})把变量值渲染到视图层

setData函数主要用于将逻辑层数据发送到视图层,同时对应的改变this.data.x的值

Object 以 key : value 的形式表示,将 this.data 中的 key 对应的值改变成 value。


bindinput="bindKeyInput",搭配input标签使用。双向绑定

bindinput方法可以监听到当前输入框的值,类似于onchange事件

通过e.detail.value可以获取到input的值,return返回的字符串可以替换掉输入的字符串。

你可能感兴趣的:(微信小程序,小程序)