理解表单使用post方式提交数据时后端接收数据的方法
理解表单使用get方式提交数据时后端接收数据的方法
理解post和get的区别
记住请求报文的组成
记住响应报文的组成
fs模块: 进行目录和文件操作
readFile: 读文件
writeFile: 覆盖写文件
appendFile: 追加写文件
readdir: 遍历目录
1. post表单提交
1550024077433.png
表单提交的必要条件
必须有form标签
action:表单数据提交的位置,必须是一种后端技术来接收
method: 表单提交的方式,post(常用)、 get(默认)
每个表单域都要有name属性和值
必须要有submit按钮
后端接收 --- post方式
//1. 监听data事件,循环接收post表单提交的数据
let str = '';
//参数1: 事件类型,data代表接收客户端数据事件
//参数2: 接收时触发的回调函数
// 使用post提交的表单数据可能会非常大,需要切割成一个个的小数据块进行接收
req.on('data', (chunk) => {
str += chunk;
})
//2. 监听end事件,接收完成后处理接收到的数据
//参数1: 事件类型,end代表接收数据完成时触发的回调函数
//参数2: 完成后触发的回调函数,在该函数中可以处理接收到的数据
req.on('end', () => {
console.log(str);
})
案例: 接收表单提交的用户和密码
创建index.html页面,设置表单
1550022255616.png
注意表单提交所需的三点。
创建服务器显示表单页