码迷,mamicode.com
首页 > Web开发 > 详细

Node入门--10-->HTML&JSON

时间:2017-06-01 16:40:48      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:listen   max   function   asp   img   分享   tor   padding   round   

  • 读取HTML

  1.编辑index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <style>
        body{
            background: skyblue;
            color: #fff;
            padding: 30px;
        }
        h1{
            font-size: 48px;
            letter-spacing: 2px;
            text-align: center;
        }
        p{
            font-size: 16px;
            text-align: center;
        }
    </style>
</head>
<body>
<h1>Welcome to NodeJS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur eius quae quaerat quisquam similique. Ad inventore nihil quia sequi, tempora
totam voluptates? Accusantium ad animi corporis maxime nam quod vero.</p> </body> </html>

2.引入服务器模块,并读取文件

var http = require(‘http‘);
// 1.引入文件模块
var fs = require(‘fs‘);

//搭建服务器
var server = http.createServer(function (req,res) {
    res.writeHead(200,{"Content-type":"text/html"}); //注意:读取html文件时,要把响应头的类型改为text/html
    var myReadStream = fs.createReadStream(‘index.html‘, ‘utf8‘); //读取的文件
    myReadStream.pipe(res);
});

server.listen(3033,‘127.0.0.1‘);
console.log("OK");

  3.运行服务器,在网页中打开

  技术分享

  • 读取JSON

  1.编辑person.json文件

{
  "name":"Jona",
  "age":21,
  "Job":"Monkey"
}

  2.引入服务器模块,并读取文件

var http = require("http");
var fs = require("fs");

//创建服务器
var server = http.createServer(function (req,res) {
    console.log(‘客户端向服务器发送请求‘ + req.url);
    if(req.url !==‘/favicon.ico‘)
    res.writeHead(200,{"Content-type":"application/json"});
    var myReadStream = fs.createReadStream(‘person.json‘, "utf8");
    myReadStream.pipe(res);
});
server.listen(4444,‘127.0.0.1‘);
console.log("你是SB吗");

  3.在浏览器打开文件

  技术分享

Node入门--10-->HTML&JSON

标签:listen   max   function   asp   img   分享   tor   padding   round   

原文地址:http://www.cnblogs.com/Afanty/p/6929058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!