node http部分(一)

学习node.js 有比较长的时候了,但没有实践过,现在从简单的知识点复习。

第一步:创建package.json 项目依赖文件

 

node.js不要被名字迷惑,他不是 javascript,但与js有很大的关联,语法基本一样。

 

使用http 就会用到http模块,看下面代码

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200);
    res.end('hello world!');

}).listen(3000);
console.log("服务启动:3000")

 打开浏览器输入 http://localhost:3000/

如果能在页面中看到 hello world!说明正常启动了。

 

在node.js需要明确定义头信息。(前端或许不太关注头信息,但后端人员会很关注头信息的,如果头信息不同传输的内容是不一样的。)上面的例子没有指定头信息,就会是一个普通的文本(text/plain)文件,不会做为html文件渲染,

 

如果是html需要指定头信息看下面代码:

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200,{'content-type':'text/html'});
    res.end('hello world!');

}).listen(3000);
console.log("服务启动:3000")

 

要想看到html标签的内容很简单,就是在字符中加入html标签就可以了。

 

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200,{'content-type':'text/html'});
    res.end('hello world!');

}).listen(3000);
console.log("服务启动:3000")

 其实上面的代码比较简单,node.js可以自己搭建一个http的服务器,不需要第三方的。

简单的代码中也需要注意:createServer(function(req,res){}) 这个函数中通过高阶函数把参数req,res加入到代码中,req,res是什么呢?

 

什么是高阶函数呢?

高阶函数(Higher Order Function)作为函数式编程众多风格中的一项显著特征,经常被使用着。按照维基百科上面的定义,高阶函数是至少满足下列一个条件的函数:

  • 接受函数作为输入
  • 输出一个函数

这两个req,res什么时候定义的呢? 肯定是在定义createServer的时候已经定义了这个两个函数了,特别注意的是node.js是javascript的特性,所以不需要申明变量的类型,所以这个req,res看不出类型。

看看下面的小例子

function a(){



}
a.pr = function(){
  alert('a');
}


function b(fun){

  var bb = a;
  
  fun.call(null,bb);

}


b(function(c){
    c.pr();
});

 

函数b()把函数作为参数,在b()函数体内通过call调用,call调用的时候就可以指定参数。

 

http协议构建在请求和响应的概念上,对应在Node.js中就是http.ServerRequest和http.serverResponse这两个构造器构造出来的对象,而http.ServerRequest是IncomingMessage的实例。

所以查看Node.js帮助文档的时候实际上查看的是IncomingMessage->http.IncomingMessage和http.serverResponse

 

明白了这一点就能明白为什么会出现下面这种req.url(查看http.IncomingMessage的帮助就知道有这个属性)

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200,{'content-type':'text/html'});


    if(req.url == '/'){
        res.write('home');
    }

    if(req.url == '/savepage'){
        res.write('savepage')
    }

    res.end();



}).listen(3000);
console.log("服务启动:3000")

 

 启动服务后有两个地址可以访问 一个是/ 首页,另一个是/savepage

 

看一个简单的表单程序

 

var http = require('http');
http.createServer(function(req,res){
    res.writeHead(200,{'content-type':'text/html'});


    if(req.url == '/'){
        res.write('<meta charset="UTF-8">');
        res.end('<a href="/reg">注册</a>');
    }

    if(req.url == '/reg' ){
        res.end(['<!doctype html>',
                   '<meta charset="UTF-8"/>',
                   '<h1>用户注册</h1>',
                    '<form method="POST" action="/url">',
                    '<label>用户名:</label><input type="text" name="name"/>',
                    '<label>密码:</label><input type="password" name="password"/>',
                    ' <input type="submit" value="提交"/>  </form>'
        ].join(''));
    }


    if(req.url == '/url' && req.method == 'POST'){
       var body = '';

        req.on('data',function(chunk){
                body += chunk;

        });
        req.on('end',function(){
            res.write(['<!doctype html>',
                '<meta charset="UTF-8"/>',
                '<h1>注册信息是</h1>'].join(''));
            res.end(body);
        });
    }




}).listen(3000);
console.log("服务启动:3000")

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值