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

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() { $.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('返回的信息是:' + xhr.getAllResponseHeaders()); } 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请求的几种方式小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyjgyd.html