關於跨域:

A上的頁面獲取B上的資源，瀏覽器會檢查伺服器B的HTTP頭(HEAD請求)，如果Access-Control-Allow-Origin中有A，或者是萬用字元*，瀏覽器就會允許跨域。這叫CORS，

還有一點比較重要，限制跨域是瀏覽器的行為，而不是JS的行為，你也可以自己開發一個瀏覽器，或者拿開原始碼改，使得自己開發的瀏覽器能夠跨域。

　　由於瀏覽器同源策略，凡是傳送請求url的協議、域名、埠三者之間任意一與當前頁面地址不同即為跨域。具體可以查看下錶（來源）

Fetch以後是趨勢，勢必要取代傳統的Ajax，而且RN框架支援Fetch。下面僅做了一個跨域請求的例子，在本域請求是一樣的，而且更簡單一些。客戶端環境用的是RN寫的一個頁面，也可以用瀏覽器的console控制檯模擬。後端服務用的是NodeJs express框架。

1）Fetch請求

1. //傳送Ajax請求
2.     sendAjax(){  
3.         //POST方式,IP為本機IP
4.         fetch("http://192.168.111.102:8085", {  
5.             method: "POST",  
6.             mode: "cors",  
7.             headers: {  
8.                 "Content-Type": "application/x-www-form-urlencoded"
9.             },  
10.             body: 'key=1'
11.         }).then(function (res) {  
12.             console.log("fetch request ", JSON.stringify(res.ok));  
13.             if(res.ok){  
14.                 res.json().then(function (json) {  
15.                     console.info(json);  
16.                     Alert.alert('提示','來自後臺數據：名字'+json.name+
    '、年齡'+json.age,[{text: '確定', onPress: () => console.log('OK Pressed!')},]);  
17.                 });  
18.             }else{  
19.                 Alert.alert('提示','請求失敗',[{text: '確定', onPress: () => console.log('OK Pressed!')},]);  
20.             }  
21.         }).catch(function (e) {  
22.             console.log("fetch fail");  
23.             Alert.alert('提示','系統錯誤',[{text: '確定', onPress: () => console.log('OK Pressed!')},]);  
24.         });  
25.     }  

1、mode屬性控制是否允許跨域。same-origin（同源請求）、no-cors（預設）和cros（允許跨域請求），第一種跨域求情會報error，第二種可以請求其他域的指令碼、圖片和其他資源，但是不能訪問response裡面的屬性，第三種可以獲取第三方資料，前提是所訪問的服務允許跨域訪問。否則，會出現如下錯誤：

2、Fetch請求後臺時，返回時一個Promise物件。物件支援解析返回資料的方法有：arrayBuffer()、blob()、formData()、json()、text()。

3、Body傳入引數，注意！注意！注意！重要的事情說三次，只能傳啊a=1&b=2...這種引數形式，不可傳物件{a:1,b:2,...},用JSON.stringify({a:1,b:2,...})也不行。在jquery中，傳入物件框架會自動封裝成formData的形式，fetch沒有這個功能。

4、使用時請注意瀏覽器版本，低版本不支援此物件。RN是可以用的

1. //設定跨域訪問
2. app.all('*', function(req, res, next) {  
3.     res.header("Access-Control-Allow-Origin", "*");  
4.     res.header("Access-Control-Allow-Headers", "X-Requested-With");  
5.     res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");  
6.     res.header("X-Powered-By",' 3.2.1');  
7.     res.header("Content-Type", "application/json;charset=utf-8");  
8.     next();  
9. });  

1. var express = require('express');  
2. //Post方式請求引數放在請求體裡面，需引用body-parser解析body
3. var bodyParser = require("body-parser");  
4. var app = express();  
5. // 引用
6. app.use(bodyParser.urlencoded({ extended: false }));  

1. //json資料
2. var  data  =   { "name":   "Test",   "age":   "19" };  
3. app.get('/', function(req, res) {  
4.     console.log('get..........');  
5.     console.log(req.query);  
6.     if (req.query && req.query.callback) {  
7.         var str = req.query.callback + "(" + JSON.stringify(data) + ")"; //jsonp  
8.         console.log('jsonp: '+str);  
9.         res.end(str);  
10.     }else{  
11.         console.log('json: '+JSON.stringify(data));  
12.         res.end(JSON.stringify(data));  
13.     }  
14. });  

1、RN前端