符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章给大家介绍nodejs中怎么实现get/post请求,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
成都创新互联公司是专业的莱州网站建设公司,莱州接单;提供成都网站建设、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行莱州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
1.用form表单的方法:
(1)get方法
前端代码:
服务器代码:
用get方法首先要配置json文件,在command中输入命令npm-init ,然后要安装所需要的express模块,还需要在文件夹里面创建一个放置静态资源的文件夹(wwwroot),然后代码如下:
var express = require('express'); // 引入模块 var web = express(); // 使用模块创建一个web应用 web.use(express.static('wwwroot')); // 调用use方法 使用static方法 web.get('/login',function(request,response) { 使用get方法 参数1 接口 参数2 回调函数 (参数1 向服务器发送的请求 参数2 服务器返回的数据) var name = request.query.username; // 获取前端发送过来的账号 var psw = request.query.password; // 获取前端发送过来的密码 response.status('200').send('输入的内容是' + name + '
' + 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.com' || psw != '123456') { response.send('登录失败') } else { response.send('登陆成功') } }) web.listen('8080',function() { console.log('服务器启动中'); })
2.xhr(XML HTTP Request方法 有三种请求方式 get/post/formdata)
XHR是ajax的核心,使用XHR可以向服务器发送数据 也可以解析服务器返回的数据;
(1)xhr之get方法:
前端:
服务器:
首先也需要安装所用到的模块,然后请求模块使用;
var express = require('expres'); var app = express(); app.use(express.static('wwwroot')); app.get('/comment',function(request,response) { response.send('已经接受到用get方法发来的评价'); }) app.listen('3000',function() { console.log('服务器启动中'); })
(2)xhr之post方法:
前端:
服务器:
需要引入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方法:
前端:
服务器:
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:
前端:
服务器:
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:
前端:
服务器:
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:
前端:
服务器里面可以使用上面ajax的get和post方法的代码,ajax请求的方式通过type设置为get方式还是post方式。
关于nodejs中怎么实现get/post请求就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。