1. 微信开发者工具设置(跨域设置)

2.html

<view class="code"><input type="text" bindinput="bindCode" placeholder="输入验证码" /><text bindtap="get_code">点我获取验证码</text></view>

3. js

data: {phone: "",code: "",},// 双向绑定验证码bindCode: function (e) {this.setData({code: e.detail.value})},// 获取验证码get_code: function () {var phone = this.data.phone// 前端校验1 手机号长度是否为11位if (phone.length != 11) {console.log(phone.length)wx.showToast({title: '手机号长度不对',icon: 'error',duration: 1500})return}// 前端校验2 手机号是否符合格式var rag = /^1[3-9][0-9]{9}$/if (!rag.test(phone)) {wx.showToast({title: '手机号格式不对',icon: 'error',duration: 1500})return}wx.request({url: 'http://127.0.0.1:8030/api/sms/code/',method: "POST",data: {phone: phone,tpl: "login",},success: (res) => {if (res.data.status === 200) {wx.showToast({title: '验证码已发送',icon: 'success',duration: 1500})return} else {wx.showToast({title: '请求失败',icon: 'error',duration: 1500})return}},})},

微信小程序---发送网络请求相关推荐

微信小程序常见网络请求失败问题总结及解决方案
微信小程序常见网络请求失败问题总结及解决方案微信开发者工具中未勾选不校验合法域名设置未勾选这个设置在任何环境下发送http网络请求会失败发送的是https请求,但网络请求依旧是失败需要到官方的 ...
微信小程序的网络请求 —— 微信小程序教程系列（14）
网络请求,基本上是必须的环节之一. 小程序提供了wx.request(object),与开发者的服务器实现数据交互的一个很重要的api. 最简单的用法如下(以GET请求为例) <view bin ...
微信小程序之网络请求
概述微信网络请求api 小程序宿主环境要求request发起的网络请求必须是https协议请求,因此开发者服务器必须提供HTTPS服务的接口,同时为了保证小程序不乱用任意域名的服务,wx.reque ...
微信小程序封装网络请求并调用
微信小程序开发交流qq群 526474645 正文: util.js // 网络请求 const request = function(url, method, data, msg, succ, ...
微信小程序网络请求异常怎么办_解决·微信小程序开发-网络请求报Invalid request 400错误...
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢? 首先我们来看微信API网络请求示例代码: ...
如何编写微信小程序的网络请求的代码
第一步的话就是创建我们的工具类: // todo 在我们的这个位置的话就是设置我们的网络请求得代码 export const request=(params)=>{// 在我们的这个位置的话定义 ...
【微信小程序】网络数据请求
目录一.小程序中网络数据请求的限制二.配置request合法域名三.发起GET请求四.发起POST请求五.在页面刚加载时请求数据六.跳过request合法域名校验七.关于跨域和Ajax的 ...
java后台接收微信小程序发送的post请求参数
java后台接收微信小程序发送的post请求参数 // 微信端:data数据要加上JSON转换JSON.stringify() wx.request({url: 'http://127.0.0.1:8 ...
[附源码]计算机毕业设计springboot基于微信小程序的网络办公系统
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...

微信小程序---发送网络请求

1. 微信开发者工具设置(跨域设置)

2.html

3. js

微信小程序---发送网络请求相关推荐

最新文章

热门文章