nodejs中ajax跨域和jsonp跨域

darry 发布于2019-08-29 11:00 / 3315人阅读

摘要：跨域获取数据前端代码异步获取数据代码获取请求请求普通的跨域获取数据前端代码异步获取数据代码获取解决所有跨域请求

JSONP跨域获取数据

1.前端代码：




    
    Document

2.nodejs代码

var express = require("express");
var router = express.Router();
var urllib=require("url");

//获取banner url
router.get("/bannerUrl",function (req,res,next) {
  var data = {"name": "jifeng", "company": "taobao"};
  var params=urllib.parse(req.url,true);
  //console.log("请求1:"+params);
  if (params.query && params.query.callback) {
    //console.log("请求2:"+params.query);
    var str =  params.query.callback + "(" + JSON.stringify(data) + ")";//jsonp
    res.send(str);
  } else {
    res.send(JSON.stringify(data));//普通的json
  }
});

POST跨域获取数据

1.前端代码




    
    Document

2.nodejs代码：

//获取banner url
router.post("/bannerUrl",function (req,res,next) {
  res.setHeader("Access-Control-Allow-Origin","http://192.168.0.250:3001");
  res.send({name:"wzh"});

});

Nodejs解决所有跨域请求

1.nodejs code:

app.use(function(req, res, next) {
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.setHeader("Access-Control-Allow-Methods", "GET, POST");
  res.setHeader("Access-Control-Allow-Headers", "X-Requested-With,content-type, Authorization");
  next();
});

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111358.html

nodejs中ajax跨域和jsonp跨域

摘要：跨域获取数据前端代码异步获取数据代码获取请求请求普通的跨域获取数据前端代码异步获取数据代码获取解决所有跨域请求 JSONP跨域获取数据 1.前端代码： Document 异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getE...

JerryC 2019-08-21 14:03 评论0 收藏0
nodejs中ajax跨域和jsonp跨域

摘要：跨域获取数据前端代码异步获取数据代码获取请求请求普通的跨域获取数据前端代码异步获取数据代码获取解决所有跨域请求 JSONP跨域获取数据 1.前端代码： Document 异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getE...

_Dreams 2019-08-01 15:30 评论0 收藏0
同源策略与跨域

摘要：简单地理解就是因为同源策略的限制，它是浏览器为了安全性考虑一种非常重要的策略，域名下的无法操作或是域名下的对象。同源策略会限制以下三种行为和无法读取。例如中可以引用等资源，此类操作不受同源策略限制。同源策略同源策略same origin policy中的重要内容就是URL（uniform resource locator）,统一资源定位符，俗称网址。URL中的resource资源就...

xavier 2019-08-26 12:09 评论0 收藏0
大话javascript 5期：跨域

摘要：同源策略所谓同源是指协议，域名，端口均相同。同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。需注意的是由于同源策略的限制，所读取的为跨域请求接口所在域的，而非当前页。一、什么是跨域 1.URL解析 URL （Uniform Resource Locator ）统一资源定位符（URL）是用于完整地描述Internet上网页和其他资源的地址的...

jzzlee 2019-08-23 16:42 评论0 收藏0