栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【SSR服务端渲染+CSR客户端渲染+post请求+get请求+总结】三种开启服务器的方法总结

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【SSR服务端渲染+CSR客户端渲染+post请求+get请求+总结】三种开启服务器的方法总结

SSR服务端渲染 get请求方式

get.html文件

req 请求 客户端发送给这个服务端的消息对象
res 响应 这个服务端发给客户端的消息对象
res.end() 发送给客户端响应消息

res.writeHead(200,{})

200 表示请求成功 404 找不到
{} 响应头 将消息发送给客户端响应的时候,告诉客户端一系列要求
res.write("你好"); 给响应消息体中写入内容,可以使用多个,但是必须写在res.end()之前
res.end()就是把上面的内容发送出去

get.js,服务器文件

var http = require("http");
var querystring = require("querystring");
http.createServer(function (req, res) {
    var str = req.url.split("?")[1];
    var o = querystring.parse(str);
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Access-Control-Allow-Origin": "*" //CORS 允许谁跨域访问
    })
    // res.write(o.user + ",欢迎来到我的网站");
    res.write("啦啦啦,你好" + o.user)
    res.write("欢迎访问勇敢牛牛的处理get类型服务器");
    res.end();
}).listen(4002, "10.9.46.184", function () {
    console.log("已启动get类型服务器10.9.46.184:4002");
});

Ajax请求方式

控制台:啦啦啦,你好牛小牛欢迎访问勇敢牛牛的处理get类型服务器

CSR客户端渲染 通过Ajax实现CSR,客户端渲染


csr.html


    
post.js文件
var http = require("http");
var querystring = require("querystring")

http.createServer(async function (req, res) {
    
    var o = await getData(req);
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Access-Control-Allow-Origin": "*" //CORS 允许谁跨域访问
    })
    res.write(`欢迎${o.user}访问勇敢牛牛的处理post类型服务器`);
    res.end();
}).listen(8080, "10.9.46.184", function () {
    console.log("已启动post类型服务器10.9.46.184:8080");
})

function getData(req) {
    return new Promise(function (resolve, reject) {
        var str = '';
        req.on("data", function (_chunk) {
            
            str += _chunk
            // console.log(str);
        })
        req.on("end", function () {
            var o = querystring.parse(str);
            // console.log(o);
            resolve(o)
        })
    })
}
post.html文件




    
    
    
    Document



    

safsd

总结

SSR服务端渲染:直接get请求服务端会写入当前页面
CSR服务端渲染:通过求服务端会嵌入当前页面,不修改页面
get请求有两种:直接在url后面跟进对象,通过Ajax请求注意xhr.end()没有参数
post通过xhr的open方法(“POST”)进入,因为这个数据的“庞大性”需要异步promise处理数据,实现异步阻塞式同步。

三种开启服务器的方法总结

1、安装了全局nodemon的话,通过nodemon 文件+后缀名:启动
2、没有安装全局nodemon,项目通过这个npm i加载所有的开发依赖和项目依赖,之后,通过观察这个package.json脚本命令,执行npm run 名称。
3、如果开发依赖里面加载了nodemon,但是没有这个全局安装,可以通过这个npx nodemon post.js这样启动服务器。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1035229.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号