1.全局变量的使用

每个applet都需要调用app.js中的app方法注册一个Applet实例，绑定页面上的生命周期回调函数、错误监控和无监控功能。详细参数含义及使用请参考App参考文件。

整个小程序只有一个App实例，所有页面共享。开发人员可以获得一个全球唯一的App示例，获取App上的数据或通过getApp方法调用开发人员在App上注册的函数。

我们做小程序的时候，经常需要大量的请求，请求的域名都是一样的。我们可以将域名存储在全局变量中，这将有助于以后修改所请求的域名。(user_id、unionid、user_info等。经常使用，可以放在全局变量中)

//app . jsapp({ global data : { user _ id : null，union id3360null，URL : ' https://xxx.com/index.php/home/mobile/',//requested域名user _ info3360null}})在页面中使用时记得引用。

//index.js//get应用程序实例const app=GetApp()//get app//let URL=app . global data . URL；//要使用方法，可以先定义或直接使用app . global data . urlwx . request({ URL : app . global data . URL ' check first '，//然后可以在这里直接调用method:'POST '。标头： { ' content-type ' : ' application/x-www-form/' }数据： {}，成功：(RES)={ 2 }。箭头功能的使用

当我们调用接口请求时，我们经常使用一个临时指针来保存这个指针，通过请求返回的数据来改变页面数据。

但是如果使用ES6的箭头功能，就可以避免

使用临时指针

Onload:函数(选项){ let that=this//保存临时指针wx . request({ URL : URL ' getcouplinglist '，method:' post '，header : { ' content-type ' : ' application/x-www-form-URL encoded ' }，data: {}，success(RES){ that . setdata({//使用临时指针coupling _ length : RES . data length })。

成功3360 (RES)={this。setdata({//此时，这仍然指向onload coupling _ length3360res。data.data.length})} 3。HTTP请求方法的包

Http请求在小程序中很频繁，但是每次键入wx.request都很烦人，而且代码冗余，需要打包。首先，我们需要在utils文件夹中创建新的js。我把它命名为request.js，它封装了post和get的请求。记得最后申报。

//包请求constapp=getapp():让主机=app.globalData.url/** * post请求* model:{ * url:接口* postData:参数{} * dosuccess3360成功回调* DoFail:失败回调* } */函数POST请求(model){ wx . request({ URL : hostmodel . URL，header : { ' Content-Type ' : ' application/x-www-form-URL encoded ' }，method:fail(RES . data)} })}/* * * get request * model : { * URL : interface * getdata :参数{} * dosuccess 3360成功回调* doFail:失败回调* } */function getRequest(model){ wx . request({ URL : host model . URL，data: model.data，success :(RES)={ model . success(RES . data)}，fail 3:(RES . data)fail(RES . data)} })}/* * * module . exports用于导出代码* js并通过let call=require(')加载*/./util/request . js’)模块。exports={ post request : post request，getrequest : getrequest}这一步非常重要，记得添加它！

模块。exports={ post request : post request，getrequest3360 getrequest}在相应页面的顶部调用，位于页面之外

当let call=require('时./.使用了/utils/request.js ')

得到

//获取广告映射调用. getrequest ({url:' getad '，success 3360(RES)={//arrow函数没有指针问题this . setdata({ URL item : RES . data })})post)

打电话。PostRequest({ URL : ' addorder '，数据： { shop _ id :那。数据。商店id，用户id : app。全球数据。用户id，优惠券sn :数据。息票sn，carType: that.data.car_type，约会时间： that.data.toTime }，成功：(RES)={ console。日志(RES)wx。navigatto (./selectPay/selectPay？order _ sn=' RES . data。order _ sn ' fee=' RES . data。real _ pay ' order _ id=' RES . data。order _ id，})})4).搜索投入中，如何点击搜索按钮进行搜索及按钮样式修改

正常我们会在搜索框中加入一个搜索按钮，点击进行搜索，但是小程序不是操作数字正射影像图的，所以是无法直接获取到投入中的值，所以要通过另外的方法进行搜索。

(1)通过投入组件中的绑定确认属性（确认-类型='搜索'可将软键盘的完成按钮改为"搜索")

input class=' search _ input ' type=' text ' confirm-type=' search ' bind confirm=' to search '/input//js部分搜索(e){控制台。日志(例如详细信息。value)//e . detail。价值为投入框输入的值}(2)利用形式表单的提交，来完成点击按钮的提交（输入需要添加名字属性)

搜索按钮

利用按钮代替形式的表单提交（表单类型="提交"),注意用视角不行，必须用按钮

需要自己修改按钮的默认样式（按钮的边框要在按钮：后中修改)

//wxml部分表单绑定提交='表单提交'绑定重置='表单重置'输入类=' search _ input '类型=' text '确认-类型=' search '名称=' search '绑定确认=' to search '按钮类=' search _ BTN '表单-类型=' submit '搜索/button/input/form//js部分formSubmIt(e){控制台。日志(例如详细信息。价值。搜索)//为输入框的值，输入记得添加名字属性}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。