node和ajax是灵魂,node简单ajax数据交互

server.js

//引入node的http模块

const http = require('http');

//引入node的url模块

const url = require('url')

//引入node的querystring模块

const querystring = require('querystring');

//引入node的file system模块

const fs = require('fs');

let users = {}

//创建一个HTTP服务器

let server = http.createServer((req,res)=>{

//get

let {pathname,query} = url.parse(req.url,true);

//post

let str = '';

//post数据要分段接收，因为浏览器会分段发送

//有一段数据到达

req.on('data',data=>{

str += data

})

//所有数据都到达完毕

req.on('end',()=>{

let post = querystring.parse(str)

//写东西

switch(pathname){

case '/reg'://注册

{

let {user,password} = query;

//可以返回中文响应

res.writeHead(200,{ 'Content-Type': 'text/plain;charset=utf-8'});

if(!user){

res.write('{"err":1,"msg":"用户名必须"}')

}else if(!password){

res.write('{"err":1,"msg":"密码必须"}')

}else if(!/^\w{8,32}$/.test(user)){

res.write('{"err":1,"msg":"用户名不合法"}')

}else if(/^['|"]$/.test(password)){

res.write('{"err":1,"msg":"密码不合法"}')

}else if(users[user]){

res.write('{"err":1,"msg":"用户名已存在"}')

}else{

users[user] = password

res.write('{"err":0,"msg":"注册成功"}')

}

res.end()

break;

}

case '/login':

{

let {user,password} = query;

//可以返回中文响应

res.writeHead(200,{ 'Content-Type': 'text/plain;charset=utf-8'});

if(!user){

res.write('{"err":1,"msg":"用户名必须"}')

}else if(!password){

res.write('{"err":1,"msg":"密码必须"}')

}else if(!/^\w{8,32}$/.test(user)){

res.write('{"err":1,"msg":"用户名不合法"}')

}else if(/^['|"]$/.test(password)){

res.write('{"err":1,"msg":"密码不合法"}')

}else if(!users[user]){

res.write('{"err":1,"msg":"用户名不存在"}')

}else if(users[user] != password){

res.write('{"err":1,"msg":"用户名或密码错误"}')

}else{

res.write('{"err":0,"msg":"登录成功"}')

}

res.end()

break;

}

default:

fs.readFile(`www${pathname}`,(err,data)=>{

if(err){

res.writeHead(404)

res.write('Not Found')

}else{

res.write(data)

}

res.end()

})

}

})

});

//指定端口5000

server.listen(5000)

1.html

标题

$(function(){

$('#btn1').click(function(){

console.log(22);

$.ajax({

url:'/login',

data:{

user:$('#user').val(),

password:$('#password').val(),

},

dataType:'json',

success(data){

console.log(data);

},

error(err){

console.log(err);

}

})

});

$('#btn2').click(function(){

$.ajax({

url:'/reg',

data:{

user:$('#user').val(),

password:$('#password').val(),

},

dataType:'json',

success(data){

console.log(data);

},

error(err){

console.log(err);

}

})

})

})

读取文件操作后的内容

用户名：

密 码：

效果