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

                       

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

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

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

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

在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'});});
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

在spider.html中:

<title><%= title%></title>
  
  
  • 1

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

对应前端向后台发送请求的做法是:
这里写图片描述
在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>
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

在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'});});
  
  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

谢谢点赞和关注!

           
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值