uniapp 公共方法封装 公共请求封装

一般我都习惯把公共js封装到util这个文件夹下

常见的的方法,手机号验证,邮箱验证等方法我都会写到util下的util.js里

目录:

util.js代码

-------------------------完整的验证封装代码--------------------------

//校验邮箱格式
function checkEmail(email) {
	return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/).test(
		email);
}
//校验手机格式
function checkMobile(mobile) {
	return RegExp(/^1[34578]\d{9}$/).test(mobile);
}

module.exports = {
	checkEmail: checkEmail,
	checkMobile: checkMobile
}

----------------------------------------------------

封装好的方法一定到暴露出来,要不使用的时候是找不到的

首选需要获取手机号,邮箱

<template>
	<view class="">
		<view class="bor">
			<view class="lf_text">邮箱:</view>
			<input class="rt_input" type="text" value="" @input="eml_input" />
		</view>
		<view class="bor yz_btn" @click="yz_eml">验证</view>
		<view class="bor">
			<vi
  • 6
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
以下是一个示例,展示了如何在uniapp封装请求: 1. 创建一个utils文件夹,并在其中创建一个request.js文件。 ```javascript // request.js // 导入uni.request方法 import uniRequest from 'uni-request'; // 创建一个请求实例 const request = uniRequest.create({ baseURL: 'https://api.example.com', // 设置请求的基础URL timeout: 5000, // 设置请求超时时间 }); // 请求拦截器 request.interceptors.request.use((config) => { // 在请求发送之前可以进行一些操作,例如添加请求头等 config.header.Authorization = 'Bearer token123'; // 添加请求头 return config; }, (error) => { return Promise.reject(error); }); // 响应拦截器 request.interceptors.response.use((response) => { // 在接收到响应数据之前可以进行一些操作,例如处理错误码等 if (response.statusCode !== 200) { // 处理错误码 uni.showToast({ title: '请求失败', icon: 'none', }); } return response.data; }, (error) => { return Promise.reject(error); }); // 导出封装后的请求方法 export default request; ``` 2. 在需要发送请求的地方引入封装后的request.js文件,并使用封装请求方法。 ```javascript // 引入封装后的请求方法 import request from '@/utils/request'; // 发送请求 request({ url: '/user/login', method: 'POST', data: { username: 'example', password: '123456', }, }).then((res) => { // 请求成功的处理逻辑 console.log(res); }).catch((error) => { // 请求失败的处理逻辑 console.error(error); }); ``` 这样,你就可以在uniapp封装请求,并使用类似axios的方式进行请求了。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值