node

周朝兵

于 2020-05-25 09:46:18 发布

阅读量379

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/m0_45251955/article/details/106303922

版权

node 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客介绍了Node.js的基础知识，包括如何使用http模块创建HTTP服务，设置端口，深入探讨了Express框架的安装和应用，以及如何设定pages文件夹为根目录。同时，还讨论了AJAX的使用以及bodyParser模块在处理请求体中的作用。

摘要由CSDN通过智能技术生成

http模块

var http = require("http");

引入http模块

var fs = require("fs");

引入fs文件模块

var server = http.createServer();

创建http服务

server.on("request",(req,res)=>{
//监听请求
	if(req.url == "/index.html"){
	//当地址为index。html时
		fs.readFile('index.html',(err,data)=>{
		//加载页面
			res.end(data.toString())
			
		})
	}else if(req.url == "/login.html"){
	//当地址为login。html时
		fs.readFile('login.html',(err,data)=>{
		//加载页面
			res.end(data.toString())
		})
	}
})

server.listen(3000)

设定端口号

express模块

下载express模块
npm install express --save

var express = require('express');

引入express模块

var app = express();

创建服务

app.use(express.static('./pages'));

设置当前pages文件夹为根目录文件

app.listen(3000);

设置端口号

AJAX

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			console.log(JSON.parse(xhr.responseText))
			//获取从后台返回的数据
		}
	}
	xhr.open('GET','/dome',true);
	xhr.send(null)

app.get('/dome',(req,res) => {
	var obj = [
		{
			name: 'jaja',
			age:18
		}
	]
	res.send(JSON.stringify(obj))
	将数据发送给前台
})

bodyParser 模块

下载bodyParser
npm i body-parser --save

var bodyParser = require('body-parser')
//引用bodyParser 
app.use(bodyParser.urlencoded({extended:false}))
//设置bodyParser
app.post('/login',(req,res) => {
res.send(req.body)
//前台请求的参数
})