Node.js-15-xiaoming

2018-11-27

直接進(jìn)入正題
上一次介紹的是Node.js的基礎(chǔ),接下來我們就要引申一下了。
下面就是http模塊和fs模塊的綜合實(shí)例:
eg①:

//1. 引入http模塊
const http=require('http');
// 2.引入fs模塊
const fs=require('fs');
// 3.使用http模塊創(chuàng)建一個(gè)服務(wù)
var server=http.createServer(function(request,response){
    var file_name='./text'+request.url;  //文件的路徑==>text/1.html
                                        //或2.html 
//讀取文件
    // fs.readFile(文件的路徑,function(報(bào)錯(cuò)的參數(shù),該路徑下的內(nèi)容的參數(shù)){}
    fs.readFile(file_name,function(error,data){
        // 解決亂碼
        response.setHeader('Content-Type','text/html;charset=UTF-8');
        if(error){
            response.write('404您出錯(cuò)了');
        }else{
            response.write(data);
        }
        //響應(yīng)結(jié)束
        response.end();
    })
});
//監(jiān)聽一個(gè)端口號(hào)
server.listen(8080);

QAQ:const聲明常量,避免重復(fù)

eg②:
通過form表單發(fā)送數(shù)據(jù),在后臺(tái)轉(zhuǎn)換成對(duì)象。
也就是將:uname=tony&passward=2580
==>{uname:'tony',passward:'2580'}

步驟如下:
form表單:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <form action="http://localhost:2580" method="GET">
        <p>
            用戶名:<input type="" name="name">
        </p>
        <p>
            密碼:<input type="" name="passward">
        </p>
        <p>
            <input type="submit" name="" value="提交">
        </p>
    </form>
</body>
</html>

下面就是通過后臺(tái)轉(zhuǎn)換成對(duì)象的代碼:

// 1.引入http模塊
const http=require('http');
// 2.使用http模塊創(chuàng)建一個(gè)服務(wù)
var server=http.createServer(function(request,response){
    // 聲明一個(gè)空的數(shù)組用來接收下面的賦值
    var obtain={};
    // 獲取提交的路徑(url),并且通過一定的規(guī)則進(jìn)行分割
    var first=request.url.split('?'); //['/','name=tony&passward=2580']
    var second=first[1].split('&'); //['name=tony','passward=2580']
    // 利用for循環(huán)對(duì)整體進(jìn)行分割
    for(i=0;i<second.length;i++){
        var third=second[i].split('='); //['name','tony'] 
                                        //['passward','2580']
        obtain[third[0]]=third[1];
        console.log(obtain); // [name:'tony',passward:'2580']   
                             //obtain:獲得
    }
});
server.listen(2580);

QAQ:querystring.parse是將字符串轉(zhuǎn)換成對(duì)象。說白了就是url上帶的參數(shù)串轉(zhuǎn)換成數(shù)組對(duì)象。

eg:③
也就是querystring的簡(jiǎn)單應(yīng)用:

// querystring
var queryString=require('querystring');
var result=queryString.parse('uname=jack&upwd=123');
console.log(result);

最后一個(gè)就是通過querystring來簡(jiǎn)單操作form表單的數(shù)據(jù):
eg④:

const http=require('http');
//引入
var querystring=require('querystring');
var server=http.createServer(function(req,res){
    var GET={};
    //獲取提交的url
    // console.log(req.url);// /?uname=jack&upwd=123
    var arr=req.url.split('?');//['/','uname=jack&upwd=123']
    GET=querystring.parse(arr[1]);
    console.log(GET); //[name:'tony',passward:'2580']
});
server.listen(8080);

以上就是引申的四個(gè)例子,我們下期見~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML表單 在HTML中,表單是 ... 之間元素的集合,它們?cè)试S訪問者輸入文本、選擇選項(xiàng)、操作對(duì)象等等,然后將...
    蘭山小亭閱讀 3,507評(píng)論 2 14
  • 今天學(xué)習(xí)的內(nèi)容 1:復(fù)習(xí)昨天重點(diǎn) 2:大魚喂小魚;首頁 大魚喂小魚: 大魚碰撞小魚,小魚吃飽,小魚身體圖片...
    newTmorrow閱讀 1,639評(píng)論 0 1
  • form 表單發(fā)送 post 請(qǐng)求,node.js 原生接收 post 請(qǐng)求 引入包之前,需要在當(dāng)前文件夾下用命令...
    GodlinE閱讀 263評(píng)論 0 0
  • 風(fēng)沙掩月露橫空,枯草伴荒城。 故川東逝,孤鴻飛影,腸斷汽笛聲。 男兒縱有八方志,老去一衰翁。 西塞山前,桃花流水,...
    江予秋閱讀 579評(píng)論 0 0
  • 小穗兒終于適應(yīng)了,在每個(gè)早上,自己背上她的小書包,在還沒進(jìn)入學(xué)校大門前,便主動(dòng)撒開我的手,和你嬉笑說byebye。...
    沄間一杯茶閱讀 329評(píng)論 0 0

友情鏈接更多精彩內(nèi)容