nodejs前后端传值即前后端的数据交互,nodejs中的数据提交有两种方式GET方法和POST方法,下面我们来看一下如何使用这两种方法实现nodejs前后端的传值。
nodejs实现前后端传值的方法如下:
1、使用GET方式实现前后端数据提交:
GET方式数据放在url里进行提交,容量有限,有缓存
//GET表单.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="http://localhost:8080/aaa" method="get">
用户:<input type="text" name="user"><br>
密码:<input type="password" name="pwd"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Node服务器获取用户名与密码
//get_server.js
const http=require('http');
const url=require('url');
createServer((req,res)=>{
let query=url.parse(req.url, true);
console.log('user:'+query.user+',password:'+query.pwd)
}).listen(8080)
url.parse解析的是整个url
url.parse(req.url, true)打印出来的内容:
Url {
protocol: null,
slashes: null,
auth: null,
host: null,
port: null,
hostname: null,
hash: null,
search: '?user=123&pwd=2345',
query: { user: '123', pwd: '2345' },
pathname: '/aaa',
path: '/aaa?user=123&pwd=2345',
href: '/aaa?user=123&pwd=2345' }
2、使用POST方式实现数据提交:
POST方式数据放在http-body里,容量较大,无缓存
//post表单.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="http://localhost:8080/aaa" method="POST">
用户:<input type="text" name="user"><br>
密码:<input type="password" name="pwd"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
//post_server.js
const http=require('http')
const querystring=require('querystring')
let server=http.createServer((req,res)=>{
let str='';
req.on('data',data=>{
str+=data;
})
req.on('end',()=>{
let post=querystring.parse(str);
console.log(str,post)
})
res.end()
})
server.listen(8080)
例:
简单地登录注册提交与数据校验
//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-3.3.1.js"></script>
<script src="sub.js"></script>
</head>
<body>
用户名:<input type="text" id="user"><br>
密 码:<input type="password" id="pwd"><br>
<button id="btn1">注册</button>
<button id="btn2">登录</button>
</body>
</html>
//sub.js
$(()=>{
$('#btn1').click(()=>{
$.ajax({
url:'/reg',
type:GET,
data:{user:$('#user').val(),pwd:$('#pwd').val()},
dataType:'json',
success(data){
if(data.err){
alert('错误'+data.msg)
}else{
alert('注册成功')
}
},
error(){
alert('出错了')
}
})
});
$('#btn2').click(()=>{
$.ajax({
url:'/login',
type:GET,
data:{user:$('#user').val(),pwd:$('#pwd').val()},
dataType:'json',
success(data){
if(data.err){
alert('错误'+data.msg)
}else{
alert('登录成功')
}
},
error(){
alert('出错了')
}
})
})
})
服务器端数据校验
//server.js
const http=require('http');
const url=require('url');
const querystring=require('querystring');
const fs=require('fs')
let users={
}
let server=http.createServer((req,res)=>{
// GET
let {pathname,query}=url.parse(req.url,true);
// console.log(pathname)
// POST
let str='';
req.on('data',data=>{
str+=data;
})
req.on('end',()=>{
let post=querystring.parse(str)
let {user, pwd}=query;
switch(pathname){
case '/reg': //注册
if(!user){
res.write('{"err":1, "msg":"user is required"')
}else if(!pwd){
res.write('{"err":1, "msg":"pwd is required"}')
}else if(!/^\w{8,32}$/.test(user)){
res.write('{"err":1, "msg":"invaild user"}')
}else if(/^['|"]$/.test(pwd)){
res.write('{"err":1,"msg":"invaild password"}')
}else if(users[user]){
res.write('{"err":1, "msg":"user is existed"}')
}else{
users[user]=pwd;
res.write('{"err":0, "msg":"reg success"}')
}
res.end()
break;
case '/login': //登录
if(!user){
res.write('{"err":1, "msg":"user is required"')
}else if(!pwd){
res.write('{"err":1, "msg":"pwd is required"}')
}else if(!/^\w{8,32}$/.test(user)){
res.write('{"err":1, "msg":"invaild user"}')
}else if(/^['|"]$/.test(pwd)){
res.write('{"err":1,"msg":"invaild pwd"}')
}else if(users[user]!=pwd){
res.write('{"err":1, "msg":"username or password is inaccuracy"}')
}else if(!users[user]){
res.write('{"err":0, "msg":"user is not found"}')
}else{
res.write('{"err":0, "msg":"login success"}')
}
res.end()
break;
default: //其他
fs.readFile(`www${pathname}`,(err,data)=>{
if(err){
res.writeHeader(404);
res.write('not found')
}else{
res.write(data)
}
res.end()
})
}
})
})
server.listen(8080)
关于 Node.js 里 ES6 Modules 的一次更新说明,总结来说:CommonJS 与 ES6 Modules 之间的关键不同在于代码什么时候知道一个模块的结构和使用它。
在这个教程中,我们会开发一个命令行应用,它可以接收一个 CSV 格式的用户信息文件,教程的内容大纲:“Hello,World”,处理命令行参数,运行时的用户输入,异步网络会话,美化控制台的输出,封装成 shell 命令,JavaScript 之外
首先你需要生成https证书,可以去付费的网站购买或者找一些免费的网站,可能会是key或者crt或者pem结尾的。不同格式之间可以通过OpenSSL转换
nodej项目在微信环境开发,nodejs的异步特效,会导致请求没有完成就执行下面的代码,出现错误。经过多方查找,可以使用async模块来异步转同步,只有前一个function执行callback,下一个才会执行。
3G的大文件分1500个2M二进度文件,通post方法发送给node服务,服务器全部接收到文件后,进组装生成你上文件。
JavaScript比C的开发门槛要低,尽管服务器端JavaScript存在已经很多年了,但是后端部分一直没有市场,JavaScript在浏览器中有广泛的事件驱动方面的应用,考虑到高性能、符合事件驱动、没有历史包袱这3个主要原因,JavaScript成为了Node的实现语言。
node.js的第一个基本论点是I / O的性能消耗是很昂贵。因此,使用当前编程技术的最大浪费来自于等待I / O完成。有几种方法可以处理性能影响
在前后端分离的开发中,通过 Restful API 进行数据交互时,如果没有对 API 进行保护,那么别人就可以很容易地获取并调用这些 API 进行操作。那么服务器端要如何进行鉴权呢?
我们经常跟Node.js打交道,即使你是一名前端开发人员 -- npm脚本,webpack配置,gulp任务,程序打包 或 运行测试等。即使你真的不需要深入理解这些任务,但有时候你会感到困惑,会因为缺少Node.js的一些核心概念而以非常奇怪的方式来编码。
运行在 Node.js 之上的 Webpack 是单线程模型的,也就是说 Webpack 需要处理的任务需要一件件挨着做,不能多个事情一起做。happypack把任务分解给多个子进程去并发的执行,子进程处理完后再把结果发送给主进程。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!