//1.引入http模塊
var http  = require('http');
//2.創(chuàng)建服務(wù)
var server = http.createServer();
//3. 監(jiān)聽(tīng)請(qǐng)求事件,當(dāng)有請(qǐng)求時(shí)，觸發(fā)回調(diào)函數(shù)
server.on('request',function(req,res){
    res.writeHead(200,{"content-type":"text/html;charset=utf-8"});
    var url = req.url;
    if(url.indexOf('?')>0){
        params = url.split('?')[1];
        paramArray = params.split('&');
        res.write("<h3>請(qǐng)求的參數(shù)為：</h3>");
        for(var index in paramArray){
            res.write(paramArray[index])
            res.write("<br />");
        }
    }
    res.end();
});

//4. 監(jiān)聽(tīng)8080端口
server.listen(8080,function(){
    console.log("server is running");
});

運(yùn)行示例，在瀏覽器中打開(kāi)，如下所示：

POST方式

目前一般采用form表單的方式傳遞POST數(shù)據(jù)。在Node.js中，POST傳遞的數(shù)據(jù)在請(qǐng)求體中。

首先創(chuàng)建一個(gè)reg.html靜態(tài)html頁(yè)面，然后提交數(shù)據(jù)到action.html，具體如下所示：

//1.引入http模塊
var http  = require('http');
var fs = require('fs');
var path = require('path');
//2.創(chuàng)建服務(wù)
var server = http.createServer();
var extnames = {".html":"text/html",".css":"text/css",".png":"image/png"};
//3. 監(jiān)聽(tīng)請(qǐng)求事件,當(dāng)有請(qǐng)求時(shí)，觸發(fā)回調(diào)函數(shù)
server.on('request',function(req,res){
    var url=req.url;
    if(url==="/"){
        url="/index.html";
    }
    var localPath = './www'+url;
    var extname = path.extname(localPath);
    res.writeHead(200,{"content-type":""+extnames[extname]+";charset=utf-8"});
    if(url==="/action.html"){
        //從請(qǐng)求主體中獲取POST方式傳輸?shù)臄?shù)據(jù)
        var params='';
        req.on('data',function(data){
            params += data.toString();
        });
        //監(jiān)聽(tīng)結(jié)束事件
        req.on('end',function(){
            res.write("<h3>后臺(tái)已經(jīng)收到請(qǐng)求:</h3>");
            res.write(params);
            res.end();

        });
        return;
    }

    console.log(localPath);
    if(extname===".ico"){
        res.end();
    }else{
        fs.readFile(localPath,function(err,data){
            res.write(data);
            res.end();
        });
    }
});

//4. 監(jiān)聽(tīng)8080端口
server.listen(8080,function(){
    console.log("server is running");
});

運(yùn)行服務(wù)，然后在瀏覽器輸入網(wǎng)址，如下所示：

注意：可以看出，GET方式和POST方式的參數(shù)結(jié)構(gòu)都是一樣的，只是GET通過(guò)URL，POST通過(guò)請(qǐng)求主體。

動(dòng)態(tài)網(wǎng)頁(yè)

在之前的示例中，所有的html頁(yè)面都是靜態(tài)頁(yè)面，不會(huì)隨著用戶請(qǐng)求的變化而變化。那如何動(dòng)態(tài)的變更網(wǎng)頁(yè)呢？答案是采用模板。

首先創(chuàng)建一個(gè)html頁(yè)面，并在頁(yè)面中定義一個(gè)變量。如下所示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>這是首頁(yè)</title>
        <link type="text/css" href="css/index.css" rel="external nofollow"  />
    </head>
    <body>
        <h3>這是首頁(yè)</h3>
        <h3>你的訪問(wèn)IP為：</h3>
        <h3><%=ipAddr%></h3>
    </body>
</html>

然后在Node.js后端程序中，動(dòng)態(tài)獲取變量的值，并進(jìn)行替換，如下所示：

var http  = require('http');
var fs = require('fs');
var path = require('path');
//2.創(chuàng)建服務(wù)
var server = http.createServer();
var extnames = {".html":"text/html",".css":"text/css",".png":"image/png"};
//3. 監(jiān)聽(tīng)請(qǐng)求事件,當(dāng)有請(qǐng)求時(shí)，觸發(fā)回調(diào)函數(shù)
server.on('request',function(req,res){
    var url=req.url;
    if(url==="/"){
        url="/index.html";
    }
    var localPath = './www'+url;
    var extname = path.extname(localPath);
    res.writeHead(200,{"content-type":""+extnames[extname]+";charset=utf-8"});
    console.log(localPath);
    if(extname===".ico"){
        res.end();
    }else{
        fs.readFile(localPath,function(err,data){
            var ip = req.socket.remoteAddress;
            var content  = render(data.toString(),'<%=ipAddr%>',ip);
            res.write(content);
            res.end();
        });
    }
});

//4. 監(jiān)聽(tīng)8080端口
server.listen(8080,function(){
    console.log("server is running");
});

function render(html,name,value){
    return html.replace(name,value);
}

運(yùn)行示例，在瀏覽器中輸入http://http://127.0.0.1:8080/，如下所示：