nodejs之getpost请求的⼏种⽅式⼩结
最近⼀段时间在学习前端向服务器发送数据和请求数据，下⾯总结了⼀下向服务器发送请求⽤get和post的⼏种不同请求⽅式：
1.⽤form表单的⽅法：
(1)get⽅法
前端代码:
<form action = "/login" method = "GET">
<label for = "username">账号：</label>
<input type = "text" name ="username" placeholder = "请输⼊账号" required>
<br>
<label for = "password">密码：</label>
<input type = "password" name = "password" placeholder = "请输⼊密码" required>
<br>
<input type = "submit" value = "登陆">
</form>
服务器代码:
⽤get⽅法⾸先要配置json⽂件，在command中输⼊命令npm-init ，然后要安装所需要的express模块，还需要在⽂件夹⾥⾯创建⼀个放置静态资源的⽂件夹(wwwroot)，然后代码如下：
var express = require('express'); // 引⼊模块
var web = express(); // 使⽤模块创建⼀个web应⽤
web.use(express.static('wwwroot')); // 调⽤use⽅法使⽤static⽅法
<('/login',function(request,response)
{
使⽤get⽅法参数1 接⼝参数2 回调函数 (参数1 向服务器发送的请求参数2 服务器返回的数据)
var name = request.query.username;  // 获取前端发送过来的账号
var psw = request.query.password;  // 获取前端发送过来的密码
response.status('200').send('输⼊的内容是' + name + '<br>' + psw);
})
web.listen('8080',function()  // 监听8080端⼝启动服务器
{
console.log('服务器启动中');
})
（2）post⽅法
前端：⽤post⽅法需要将form⾥⾯的 method = GET 改成 mthod = POST，表⽰使⽤post⽅法;
服务器：除get⽅法的要求外，还需要引⼊ body-parser模块，以及对url进⾏编码；
var express = require('express');
var bodyParser = require('body-parser');
var web = express();
web.use(express.static('wwwroot'));
// url 统⼀资源调配符 encoded 编码
web.use(bodyParser.urlencoded({extended:false}));
web.post('/login',function(request,response)
{
var name = request.body.username;
var psw = request.body.password;
if(name != '599115316@qq' || psw != '123456')
{
response.send('<span style = "color:blue">登录失败</span>')
}
else
{
response.send('<span style = "color:red">登陆成功</span>')
}
})
web.listen('8080',function()
{
console.log('服务器启动中');
})
2.xhr(XML HTTP Request⽅法有三种请求⽅式 get/post/formdata)
XHR是ajax的核⼼，使⽤XHR可以向服务器发送数据也可以解析服务器返回的数据;
(1)xhr之get⽅法：
前端：
<button click = "get()">get⽅法</button>
<script>
function()jquery是什么有什么作用
{
var xhr = new XMLHttpRequest();
{
adyState == 4)
{console.sponseText)}  // 服务器接收到数据后返回的数据
}
xhr.open('/get','/comment?custom=⼩明&score=2&comment=商品质量⼀般，2分是给快递⼩哥的')；
xhr.send();
// xhr.open(); ⾥⾯有三个参数 ，参数1：设置xhr请求服务器的时候，请求的⽅式；参数2：设置请求的路径和参数；(?是路径和参数的分割线)；参数3：设置同步请求还是异步请求，不写的话默认为异步请求; }
</script>
服务器：
⾸先也需要安装所⽤到的模块，然后请求模块使⽤；
var express = require('expres');
var app = express();
app.use(express.static('wwwroot'));
<('/comment',function(request,response)
{
response.send('已经接受到⽤get⽅法发来的评价');
})
app.listen('3000',function()
{
console.log('服务器启动中');
})
(2)xhr之post⽅法：
前端：
<button click = "post()">post⽅法</button>
<script>
function post()
{
var xhr = new XMLHttpRequest();
{
adyState == 4)
{
console.log('接收到服务器返回的信息' + sponseText);
}
}
xhr.open('post','/comment'); // post⽅法请求的参数不写在open⾥⾯，写在send⾥⾯，⽽且需要设置请求头；
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send('custom=⼩明&score=3&comment=商品还好，快递也及时，但是就想给3分')；
}
</script>
服务器：
需要引⼊post⽅法所⽤到的模块(body-parser模块)以及对url编码；
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(express.static('wwwroot'));
app.use(bodyParser.urlencoded({extended:false}));
app.post('/comment',function(request,response)
{
response.send('已经接收到⽤post⽅法发送来的评价');
})
app.listen('3000',function()
{
console.log('服务器启动中')；
})
(3)xhr之formdata⽅法：
前端：
<button click = "formdata()">formdata⽅法</button>
<script>
function formdata()
{
var xhr = new XMLHttpRequest();
{
adyState == 4)
{
console.log('formdata⽅法返回的数据是：' + sponseText);
}
}
xhr.open('post','/comment');
var form = new FormData();
form.append('custom','⼩明');
form.append('score','5');
form.append('comment','看你那么⾟苦，给你5分好了');
xhr.send(form);
}
</script>
服务器：
var express = require('express');
var bodyParser = require('body-parser');
var multer = require('multer');  // 使⽤form表单所需要⽤到的⼀个模块
var formData = multer();
var app = express();
app.use(express.static('wwwroot'));
app.use(bodyParser.urlencoded({extended:false}));
// 如果使⽤formdata提交的数据，必须在参数中使⽤array()，array()会先解析请求体当中的数据，再传输数据app.post('/comment',formData.array(),function(request,response)
{
response.send('已经接收到⽤post⽅法发送来的评价');
})
app.listen('3000',function()
{
console.log('服务器启动中')；
})
3.ajax请求：
⼀般情况下都不需要使⽤ajax请求使⽤ajax请求可以获取错误信息以及其它的⼀些指令，使⽤ajax需要引⽤jquery
(1)ajax之get：
前端：
<button id = "get">ajax-get</button>
<script>
$('#get').click(function()
{
$.get('/login',{name:'⼩明',password:'123456'},function(data,status,xhr)
{
console.log('服务器返回的信息是' + data);
})
// $.get() 发起⼀个get请求，参数1：请求的接⼝；参数2：传递给服务器的数据对象；参数3：回调函数(参数1：服务器返回的数据；参数2：状态；参数3：xhr对象”)；})
</script>
服务器：
var express = require('express');
var app = express();
app.use(express.static('wwwroot'));
<('/login',function()
{
if(request.query.name == '⼩明' && request.query.password == '123456')
{
response.send('登录成功');
}
else
{
response.send('登录失败');
}
})
app.listen('8080',function()
{
console.log('服务器启动中');
})
(2)ajax之post：
前端：
<button id = 'post'>ajax-post</button>
<script>
$('#post').click(function()
{
$.post('/login',{name:'⼩明',password:'666'},function(data,status,xhr)
{
console.log('服务器返回的数据：' + data)
})
})
</script>
服务器：
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(express.static('wwwroot'));
app.use(bodyParser.urlencoded({extended:false}));
app.listen('8080',function()
{
console.log('服务器启动中')；
})
app.post('/login',function(request,response)
{
if(request.body.name == '⼩明' && request.body.password == 666)
{
response.send('登录成功');
}
else
{
response.send('登录失败');
}
})
(2)ajax之ajax：
前端：
<button id ="ajax">ajax请求</button>
<script>
$('#id').click(function()
{
// $.ajax() 发起ajax请求;
$.ajax({
url :'/login',        // 请求的接⼝地址
type:'post',        // 请求的⽅式，默认为get请求
data:{name:'⼩明',password:'123'},  // 发送到服务器的数据
timeout:10000,      // 超时 (10s)
cache:true,          // 缓存默认为true
async:true,          // 是否异步
// 同步任务(sync) ：当上⼀个任务没有完成的时候，下⼀个任务⽆法开启，有可能会卡死主线程；
//异步任务(Async)：当上⼀个任务没有完成的时候，下⼀个任务仍然会被执⾏，⽤户体验性好；
success:function(data,status,xhr)
{
console.log('服务器返回的数据是:' + data);
console.log('返回的信息是:' + AllResponseHeaders());
}
error:function(xhr,status,error)
{
console.debug('错误信息：' + error);
}
complete:function(xhr,status)
{
console.log('全部流程结束');
}
})
})
</script>
服务器⾥⾯可以使⽤上⾯ajax的get和post⽅法的代码，ajax请求的⽅式通过type设置为get⽅式还是post⽅式。
以上这篇nodejs之get/post请求的⼏种⽅式⼩结就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。