主要思路:
- 在 输入框 失去焦点时,发起 ajax 请求;
- 在发送请求前要进行 邮箱是否合法判断,只有通过 合法验证 后,才能进入下一步;
- 发起请求 得到 服务端返回的数据 渲染在页面上,提示用户 该邮箱是否 可以进行注册 或是 已被注册了 !
文件目录:
serve
public
js
Ajax.js
view
验证邮箱唯一性.html
app.js
data.json
步骤:
-
将 静态资源 通过 node 搭建的服务端,进行 静态资源的挂载;
-
引入 data.json 数据
{ "user" : [ { "id": "01" , "email": "zyf@qq.com" }, { "id": "02" , "email": "mr@qq.com" }, { "id": "03" , "email": "zz@qq.com" } ], }
-
书写后端接口,对获取的数据进行验证,然后返回相应的信息,给客户端:
const express = require('express'); const path = require('path'); const data = require('./data.json'); const app = express(); app.use(express.static(path.join(__dirname, 'public'))); // 邮箱验证 app.get('/verifyEmailAdress', (req, res) => { // 循环获取到 用户的 邮箱号 let arr = [] data.user.findIndex(item => { arr.push(item.email); }) // 判断