Nodejs Express Ajax跨域请求

var express = require('express');

var app = express();

var bodyParser = require('body-parser');

//说明下:因为下面要用到res.body获取到前端传过来的参数,用res.body的前提是首先导入body-parser

//跨域处理:

 

app.all('*',function (req, res, next) {

   res.header('Access-Control-Allow-Origin', '*');

   res.header('Access-Control-Allow-Headers', 'Content-Type,Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');

   res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE,OPTIONS');

 

   if (req.method == 'OPTIONS') {

       res.send(200);

   }

   else {

       next();

   }

});

//通过这个处理后会允许前端任何方式的跨域请求

//前端页面index.html

 

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <title>Title</title>

   <scriptsrc="//cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

</head>

<body>

<script>

   $.ajax({url:'http://localhost:4000/list',

       processData: false,

       cache:false,

       contentType: "application/json; charset=utf-8",

       data:JSON.stringify({page:1,pageSize:10,classify_id:77}),

       datatype: "json",

       type: 'post',

       success: function (res) {

       console.log(res)

 

       },error:function (res) {

 

 

       }

   })

 

</script>

 

</body>

</html>

//后端处理

 

app.post('/list', function (req, res) {

   console.log(req.body)

  //这时可以看到控制台输出了:前端传过来的参数{page:1,pageSize:10,classify_id:77}

});

 

搞定!!!!

 

 

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值