输入内容：丧失焦点 向服务器发送请求 对用户名做是否存在的检测  并且改变框的颜色

 服务端：

const {json
} = require('express');
const express = require('express')const app = express();
app.get('/home', function(requset, response) {//设置响应头 名称 值----设置允许跨域// response.setHeader('Access-Control-Allow-Origin','*');//设置响应体response.sendFile(__dirname + '/同源策略.html'); //绝对路径
})
app.get('/data', function(requset, response) {//设置响应头 名称 值----设置允许跨域// response.setHeader('Access-Control-Allow-Origin','*');//设置响应体response.send('用户数据'); //绝对路径
})
app.get('/jsonp', function(requset, response) {//response.send('a');const data = {name: '张三啊'};//将数据转化为字符串let str = JSON.stringify(data);//返回结果 不可以是数据 j代码 end防止添加不知名的响应头 模板字符串是需要传递字符串的//``模板字符串 方便拼接//${str}这里的是对象response.end(`handle(${str})`)})
app.get('/check-username', function(requset, response) {const data = {exist: 1,msg: '用户名已经存在'};//将数据转化为字符串let str = JSON.stringify(data);//返回结果 不可以是数据 j代码 end防止添加不知名的响应头 模板字符串是需要传递字符串的//``模板字符串 方便拼接//${str}这里的是对象response.end(`handle(${str})`);//返回函数的调用 然后进行解析处理})app.listen(9000, () => {console.log('9000启动成功')
})

前端页面： 

用户名：