成都网站建设设计

将想法与焦点和您一起共享

nodejs中怎么实现get/post请求

这篇文章给大家介绍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方法:

前端:

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方法

服务器:

需要引入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方法:

前端:

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:

前端:

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:

前端:

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请求

服务器里面可以使用上面ajax的get和post方法的代码,ajax请求的方式通过type设置为get方式还是post方式。

关于nodejs中怎么实现get/post请求就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站标题:nodejs中怎么实现get/post请求
本文地址:http://chengdu.cdxwcx.cn/article/iighjg.html