9 . Content-Type

var  http = require('http')  
 var  server = http.createServer('request',function(req,res){
      res.end('hello  时间')
  }
) 
server.listen(3000,function(){
      console.log('****')
 }
)

//输出的中文不对。但其实也不算是乱码。

在服务器端默认发送的数据,其实是UTF-8编码的内容。

但浏览器不知道是UTF-8编码的内容。

UTF-8编码-----通用编码,国标,国际编码。世界上所有语言、所有字符,都认识。

浏览器在不知道服务器响应内容的编码的情况下,会按照当前操作系统的默认编码去解析。

中文操作系统默认是GBK。

所以要告诉浏览器按照UTF-8去解析。

res.setHeader('Content-Type','text/plain;charset=utf-8')

Content-Type:内容类型,http协议的一种。不可更改。在http协议中,Content-Type就是用来告知对方发送的数据内容是什么类型。

text/plain:本次发送的数据类型---文本类型/普通文本
 

var  http = require('http') 

 var  server = http.createServer('request',function(req,res){

var url =req.url

if(url === '/plain'){

res.setHeader('Content-Type','text/plain;charset=utf-8')    

 res.end('hello  时间')

  }

if(url ==='/html'){

//res.setHeader('Content-Type','text/plain;charset=utf-8')    

 res.end('<p>hello html</p>')

  }

}

)

server.listen(3000,function(){

      console.log('****')

 }

)

(01)

res.end('<p>hello html</p>')

在node里,这只是个字符串。但浏览器将<p>hello html</p>解析为HTML,而不是字符串。

所以<p>标签不显示。

(02)

res.end('<p>hello html<a href = " ">点我</p>')

// 因为 点我 又出现乱码,所以加下面这句-、

res.setHeader('Content-Type','text/plain;charset=utf-8')

//但是这句话会被解析为普通文本。<p>标签之前被解析成HTML。 所以会是什么情况?

结果是<p>hello html<a href = " ">点我</p>

---------即浏览器将其解析成字符串

res.setHeader('Content-Type','text/html;charset=utf-8')

 

2----发送HTML页面--不能直接取html文件,所以读取HTML文件的字符串即读取HTML文件

var  http = require('http') 

var  fs = require('fs')

 var  server = http.createServer('request',function(req,res){

var url =req.url

if(url === ' /'){

fs.readFile('./resource/index.html',function(err,data){

  if(err){

res.setHeader('Content-Type','text/plain;charset=utf-8')    

 res.end('文件读取失败')

         }

      else{

                  // data默认是二进制数据,可以通过.toString转为字符串。

                  // 但  res.end()支持两种数据类型,一种是二进制,一种是字符串 。

                  // 所以不用转,直接用。

                  res.setHeader('Content-Type','text/html;charset=utf-8')

                  res.end(data)

               //若需要对字符串进行处理,需要转

           }

    }

  }

else if(url ==='/jpg'){

fs.readFile('./resource/ab.jpg',function(err,data){

  if(err){

res.setHeader('Content-Type','text/plain;charset=utf-8')    

 res.end('文件读取失败')

         }

      else{

                  res.setHeader('Content-Type','image/jpeg') //图片不需要指定编码。因为编码一般指的是:字符编码

                  res.end(data)

              }

}

)

server.listen(3000,function(){

      console.log('****')

 }

)

//修改HTML文件,不需要重启服务器。

// URL :统一资源定位符 ---一个URL最终其实是要对应到一个资源

//  http://tool.oschina.net/ --- http mine-type: http://tool.oschina.net/commons

除了Context-Type 可以用来指定编码,也可以在HTML页面中通过meta元数据来声明当前文本的编码格式,浏览器也会识别它。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值