So wenden Sie das Antwort-Writeback auf eine gerenderte Seite an-js-Tutorial-php.cn

So wenden Sie das Antwort-Writeback auf eine gerenderte Seite an

php中世界最好的语言

Freigeben： 2018-06-11 10:06:15

Original

2083 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das Antwort-Writeback zum Rendern der Seite anwenden und welche Vorsichtsmaßnahmen beim Anwenden des Antwort-Writebacks zum Rendern der Seite gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Im Folgenden wird der gesamte Inhalt einer Datei asynchron über die vom Knoten bereitgestellte readFile-API gelesen. Der Code lautet wie folgt:

html

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="./static/style.css" rel="external nofollow" />
  <title>Document</title>
</head>
<body>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <script type="text/javascript" src="./static/test.js"></script>
 </body>
</html>

Nach dem Login kopieren

/static Put test im Ordner .js und style.css Dateien

 p:nth-child(1){
  font-size: 50px;
  color: red;
}
p:nth-child(3){
  font-size: 80px;
  color: blue;
}
p:nth-child(6){
  font-size: 100px;
  color: blueviolet;
}

Nach dem Login kopieren

app.js

 // 搭建服务
var http = require('http');
var fs = require('fs');
var server = http.createServer();
server.on('listening',()=> {
  console.log('server starts at localhost 8080');
})
server.listen('8080','localhost');
//监听服务
server.on('request',(req,res)=>{
  if(req.url == '/') {//渲染html文件
    fs.readFile('./html/node.html',(err,info)=>{
       res.write(info);
       res.end();
    })
  } else if(req.url.startsWith('/static')) {//统一渲染html需要的static静态文件到页面
    fs.readFile(__dirname + req.url,(err,info) =>{
      res.write(info);
      res.end();
    })
  }
})

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, achten Sie bitte darauf zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie Websocket in NodeJS (mit Code)

JS verwendet createElement() für dynamische HTML hinzufügen

Das obige ist der detaillierte Inhalt vonSo wenden Sie das Antwort-Writeback auf eine gerenderte Seite an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!