nodejs Express路由传参数据交互express.Router() router.get

原创 2018年02月26日 15:04:13

路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。

路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback…], callback), app 是 express 对象的一个实例, METHOD 是一个 HTTP 请求方法, path 是服务器上的路径, callback 是当路由匹配时要执行的函数。

下面是一个基本的路由示例:
这里写图片描述
这里写图片描述
在app.js中部分代码:

var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'html');//已经将jade变成html
app.engine('html', ejs.__express);
app.set('view engine', 'html');
app.use('/spider',spider); //中间件设置路由跳转
app.set('port', process.env.PORT || 3001); // 设定监听端口

在spider.js中:

var express = require('express');
//初始化路由
var router = express.Router();
router.get('/', function(req, res, next) {
  console.log('spider')
  res.render('spider',{ title: '对某个网站进行爬去',message:'message'});
});

在spider.html中:

<title><%= title%></title>

其他代码没有贴出来,展示的代码仅仅说明一下如何有后台给的数据。

对应前端向后台发送请求的做法是:
这里写图片描述
在spider.html中:

<div class="form-group row">
    <button class="btn btn-primary col-sm-1 getNewUrl">获取新地址</button>
    <label class="col-sm-3 newUrl"></label>
</div>
<script>
/*获取新的地址*/
        $('.getNewUrl').on('click',function(){
            console.log('getNewUrl6666')
            $.ajax({
             type: "GET",
             url: URL+"/spider/getInfoByType",
             data: {
                type:1
             },
             //dataType: "json",
             success: function(data){
                 console.log(data);
                 $(".newUrl").text(data.newUrl)
            }
         });
        })
</script>

在spider.js中:

//获取对应网站的地址
router.get('/getInfoByType',function(req,res, next){
     /*处理浏览器同源策略问题*/
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    res.json({newUrl:'urlurlurlurlurlurlurlurlurlurlurl'});
});

谢谢点赞和关注!

版权声明:本文为博主原创文章,未经博主允许可以随便转载。 https://blog.csdn.net/a419419/article/details/79377336

nodejs-express4.X框架路由中获取参数值方法

nodejs-express4.X框架路由中获取参数值方法
  • zzwwjjdj1
  • zzwwjjdj1
  • 2016-08-02 16:57:05
  • 12036

express中的路由规则及获取请求参数方法

express中常见的路由规则主要使用的路由规则是get和post两种,即var express = require('express'); var app = express(); app.get(...
  • xiaobing_hope
  • xiaobing_hope
  • 2017-02-13 11:52:53
  • 2547

Nodejs Express 4.X 中文API 4--- Router篇

本篇是Express 4.0 API翻译的第四篇,本篇的内容主要是Router的相关操作。   Router() 路由器是一个孤立的中间件和路由的实例。路由器可以被认为是一个”mini”的应用程序...
  • XiaoXIANGZI222
  • XiaoXIANGZI222
  • 2016-09-25 12:20:56
  • 12590

nodejs express路由详解

express-easy-router更简单灵活的为express框架创建路由 可以在挂载路径下,创建中间件和路由组 通过文件路径创建路由 深度集成express原生路由,意味着你在原生路由里能做的事...
  • parseserver
  • parseserver
  • 2017-12-08 14:27:35
  • 89

node.js express 4.x Router学习心得

express是基于node.js开发的一款MVC模式的Web框架,该框架轻量、支持MVC模式、支持很多常用的中间件(如 body-parser:用于解析客户端请求的body中的内容,,express...
  • shmnh
  • shmnh
  • 2015-01-29 04:39:54
  • 3590

浅谈 Express 4.0 Router 模块

Express 是目前 node 社区最主要的 Web 框架,前不久刚刚升级到了 4.0 版本。与 3.x 版本比,4.0 版本拥有一个全新设计的 Router 模块,开发者可以更方便的对 middl...
  • huang100qi
  • huang100qi
  • 2017-09-10 02:32:51
  • 235

node 使用get和post向后台请求数据的使用方式对比

做过web开发的朋友对get和post 的请求的区别肯定十分了解,我就不多讲述了。 下面主要介绍一下get和post请求在node中使用的不同 场景就是单纯大登录操作:传递两个参数用户名和密码 g...
  • u012251421
  • u012251421
  • 2015-10-29 16:54:25
  • 11609

VUE多层路由嵌套

例如:在做系统时,主页面有两个功能【home】and【news】,在【home】下又分为登录和注册。首先需要将各种模板进行抽离。定义模板 //home模板,里面含子视口 登...
  • yangyiboshigou
  • yangyiboshigou
  • 2017-05-15 11:26:07
  • 470

最强express 讲解--官网例子最全

expressHomeAPI ReferenceGuideMoving to 4.x ApplicationsCommunityFAQ3.x docs Application ...
  • jintianhen1
  • jintianhen1
  • 2014-09-18 10:17:18
  • 2683

Express 路由 参数的获得

req.params与req.param()方法相比 该属性只能获取 “express路由器传递的参数”, 值得一提的是: 与req.params配合还能在express路由器中玩正则。示例代码: ...
  • qq_34134278
  • qq_34134278
  • 2017-03-28 22:20:41
  • 1446
收藏助手
不良信息举报
您举报文章:nodejs Express路由传参数据交互express.Router() router.get
举报原因:
原因补充:

(最多只允许输入30个字)