node实现网易云音乐项目前后端连接

 

1完善网易云音乐。读取静态资源。实现用户登录以后，登录的内容转换成欢迎XXXX登录

后台文件代码

const fs=require('fs');
const http=require('http');
const path=require('path');
const url=require('url');
const querystring=require('querystring');
const { type } = require('os');
let server=http.createServer((req,res)=>{
	if(req.url=='./favicon.ico') return;
	if(req.url.startsWith('/music')){
		fs.readFile(path.join(__dirname,'www',req.url),(err,data)=>{
			if (err) throw err;
			res.end(data);
		})
	}else if(req.url.startsWith('/submit')){	
		let allData="";
		req.on('data',(chunk)=>{
				// chunk代表的是前端发送过来的数据
				allData+=chunk
		})
		req.on('end',()=>{
                //先将user=xxx&password=xxx，转化为对象，又因为res.end的参数不能为对象,所以再将
                //对象转化为字符串
				let newData=JSON.stringify(querystring.parse(allData));
				res.end(newData)
		})
		
	}else{
        res.end("404")
    }
})
server.listen('8988');

前端处理后台返回数据代码

$.ajax({
             url:"/submit",
             type:"post",
             data:{
                 users:user,
                 password:psw
             },
             success:function(data){
                let res=JSON.parse(data)
                $('#userLogin,.shade').css('display','none');
                $('.login').text(`你好,${res.users}`);
                flag=true
             },
             error:function(err){
                console.log(err)
             }
         })

最后结果