nodejs之get/post请求的几种方式小结

2020-06-17 06:45:45易采站长站整理

<button click = "formdata()">formdata方法</button>

<script>

function formdata()

{

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function()

{

if(xhr.readyState == 4)

{

console.log('formdata方法返回的数据是:' + xhr.responseText);

}

}

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'));

app.get('/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()