js+servlet 实现发送短信验证码，并开始倒计时，进行验证

最新推荐文章于 2025-02-28 17:24:53 发布

_zshuo

最新推荐文章于 2025-02-28 17:24:53 发布

阅读量1.1w

点赞数 6

分类专栏： js servlet

本文链接：https://blog.csdn.net/zhengshuoa/article/details/52230282

版权

说是js发送验证码，其实真正实现发送短信功能的还是在服务器，js不过是触发发送功能。
大致流程如下：
1、客户端js通过发送http请求（发短信接口）到服务器，将手机号等信息传递给服务器
2、服务器收到请求后校验参数，参数正确调用第三方短信接口，并将随机产生的验证码保存在服务器（通常是数据库或者缓存），参数错误，将错误信息返回给客户端
3、客户端收到服务器的返回，如果调用成功，开始倒计时同时等待用户输入收到的验证码，如果调用失败，将失败信息提示给用户。
4、用户输入验证码后，将验证码和手机号等信息发送到服务器校验
5、服务器收到校验请求后，对手机号和验证码用验证，将结果返回给客户端
6、客户端收到验证结果后，提示用户或者开始其他业务

本示例采用js+servlet，注意要在web.xml中配置<servlet>
短信接口采用 sms短信通附上网址：http://www.smschinese.cn/api.shtml

jsp页面代码：

<html>
  <head>
    <base href="<%=basePath%>">
    <title>message</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" ty

最低0.47元/天解锁文章