node.js之简单留言板步骤以及涉及知识点

简介: node.js之简单留言板步骤以及涉及知识点

1、浏览器收到 HTML 响应内容之后,就要开始从上到下依次解析,当在解析过程中,如果发现:

link script img iframe video audio

等具有 src 或者 href (link)属性标签(具有外链的资源)的时候,浏览器会自动对这些资源发起新的请求。

2、注意:在服务端中,文件中的路径就不要去写相对路径了。

因为这个时候所有的资源都是通过 url 标识来获取的

我的服务器开放了 /public/ 目录

所以这里的请求路径都写成 : /public/***

/ 在这里就是 url 根路径的意思

浏览器在真正发请求的时候会自动把 http://127.0.0.1:3000 拼上

3、我们已经使用 url 模块的 parse 方法把请求路径中的查询字符串给解析成一个对象。

pathname:指的是?之前的部分

query:指的是查询字符串转化为对象的结果,即?之后的部分转化为对象。

4、 1)获取表单提交的数据,obj.query

2)将当前时间日期添加到数据对象中,然后存储到数组中

3)让用户重定向跳转到首页 /

当用户重新请求 / 的时候,数组中的数据已经发生了变化, 就可以看到最新的留言内容了。

5、如何通过服务器让客户端重定向?

1、状态码设置为 302 临时重定向

statusCode

2、在响应头中通过 Location 告诉客户端往哪儿重定向

setHeader

如果客户端发现收到服务器的响应的状态码是 302 就会自动在响应头中找 Location , 然后对该地址发起新的请求。

所以就可以看到客户端自动跳转了

步骤:
1、 / index.html
2、 开放 public 目录中的静态资源
  当请求 /public/xxx 的时候,读取响应 public 目录中的具体资源
3、  /addpage addpage.html
4、  /addComment
  4.1 接收表单提交数据 url.parse(url,true)  有了true .query就是一个对象, pathname 就是?之前的部分
  4.2 存储表单提交的数据
  4.3 让客户端重定向到 /  
    statusCode
    setHeader
相关文章
|
7月前
|
缓存 JavaScript
【Node】node.js安装与配置(详细步骤)
【Node】node.js安装与配置(详细步骤)
440 0
|
2天前
|
JavaScript
原生js留言板
原生js留言板
|
2天前
|
Web App开发 JavaScript 前端开发
node.js事件循环相关步骤
node.js事件循环相关步骤
28 2
|
2天前
|
JSON JavaScript 前端开发
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
|
6月前
|
设计模式 JavaScript 前端开发
如何学习JavaScript语法和概念,附上详细的步骤和建议
如何学习JavaScript语法和概念,附上详细的步骤和建议
|
9月前
|
数据采集 JavaScript API
Python爬虫抓取经过JS加密的API数据的实现步骤
Python爬虫抓取经过JS加密的API数据的实现步骤
|
10月前
|
JavaScript 安全
Node.js字蛛压缩字体Webfont的操作步骤
Node.js字蛛压缩字体Webfont的操作步骤
103 0
|
JSON 缓存 JavaScript
.NET微信网页开发之JS-SDK使用步骤和配置信息timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)的生成获取详解
.NET微信网页开发之JS-SDK使用步骤和配置信息timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)的生成获取详解
305 0
.NET微信网页开发之JS-SDK使用步骤和配置信息timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)的生成获取详解
|
JavaScript 定位技术
js 简单的推箱子小游戏步骤解析--大家都玩过的
推箱子小游戏大家肯定都玩过,之所以写这篇文章,是觉得这个小游戏足够简单好理解,大家看完文章之后,自己也能花上半天功夫敲出一个推箱子小游戏来,如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家。 本文首发于我的个人blog:obkoro1.com demo:推箱子小游戏 步骤解析: 本文代码已经放在了github上面了,里面也进行了很详细的代码注释,可以copy下来,在本地运行一下看看。
338 0
js 简单的推箱子小游戏步骤解析--大家都玩过的