nodejs中ajax跨域和jsonp跨域

_Dreams 發布于2019-08-01 15:30 / 976人閱讀

摘要：跨域獲取數據前端代碼異步獲取數據代碼獲取請求請求普通的跨域獲取數據前端代碼異步獲取數據代碼獲取解決所有跨域請求

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();
});

GPU云服務器云服務器 ajax jsonp跨域傳值 jsonp 跨域 jsonp 跨域亂碼 jsonp跨域請求

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49951.html

nodejs中ajax跨域和jsonp跨域

摘要：跨域獲取數據前端代碼異步獲取數據代碼獲取請求請求普通的跨域獲取數據前端代碼異步獲取數據代碼獲取解決所有跨域請求 JSONP跨域獲取數據 1.前端代碼： Document 異步獲取數據 var log=function (obj) { console.log(obj); } var get=document.getE...

darry 2019-08-29 11:00 評論0 收藏0
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
同源策略與跨域

摘要：簡單地理解就是因為同源策略的限制，它是瀏覽器為了安全性考慮一種非常重要的策略，域名下的無法操作或是域名下的對象。同源策略會限制以下三種行為和無法讀取。例如中可以引用等資源，此類操作不受同源策略限制。同源策略同源策略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