目录
2、Node Web编程示例 —— 采用B/S结构(浏览器/服务器模式)
1、什么是JSON:JavaScript Object Notation,是一种轻量级的前后端数据交换的格式(数据格式)。
JSON.stringify(参数):将参数里面的数据转换为json格式的字符串
在前后端交互时,凡是需要将结构化的数据转换为文本时,都可以使用JSON格式。
(1)静态资源:服务器没有修改的,客户端每次请求的结果都是一样的资源。(CSS、image等)
3、HTTP协议:HyperText Transfer Protocol,超文本传输协议。
(4)状态码:不同的状态码反应了请求—响应过程的完成情况
(5)响应信息的格式:采用‘大类型/具体类型’的方式定义
5、在服务器端获取客户端请求数据的方式 :是通过请求对象request来完成的
先将请求地址单独发送出去,然后将请求参数和页面的body绑定在一起进行发送
在node的http服务器端需要使用querystring模块对客户端发送的body信息进行转换后才能得到请求参数
一、web编程
1、Node的Web编程中的url模块
(1)url模块:对url地址进行转换。
可以将字符串转换成url对象,也可以将url对象转换成字符串
(2)url对象的属性:
hostname:包含了主机名称和端口号
port:端口号。
(在0~65535之间,其中0~1023系统占用。1024~65535之间都可以使用。有
些特殊的端口号不能使用)
80:浏览网页
3306:MySQL数据库
27017:MongoDB数据库
query:url地址中的参数。
(通常是客户端采用get方式发送请求时,在请求地址中带的参数)
search:包含地址和参数
(3)url对象的方法:
parse(字符串,[false/true]):
参数字符串:表示的要转换的对象
第二个参数:默认值是false。若为true,表示将url对象的query属性转换成对象格式
2、Node Web编程示例 —— 采用B/S结构(浏览器/服务器模式)
(1)创建html页面 —- login.html
(2)创建Node的服务器端
(3)在服务器对响应信息进行编码(字符集)处理
前端页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="http://127.0.0.1:8000/" method="post">
<label>
用户名: <input type="text" name="userName">
</label>
<label >
密码: <input type="password" name="psd">
</label>
<input type="submit" value="提交">
</form>
</body>
</html>
后端代码如下:
二、JSON数据
1、什么是JSON:JavaScript Object Notation,是一种轻量级的前后端数据交换的格式(数据格式)。
2、特点
(1)容易阅读和编写
(2)语言无关性:和任何的开发没有关系
(3)便于编译、解析
3、语法要求
(1)key-value:一个键对应一个值
(2)每个数据项之间用逗号分隔
(3)用花括号({ })保存对象
(4)用中括号([ ])保存数组
let obj = [
{
id:1001,
name:’张三’
},
{
id:1002,
name:’李四’
}
];