跨域電路

A. 前端開發中，什麼時候會遇到跨域情況，還有，jsonp和ajax是什麼關系jsonp原理不是動態添

您好！很高興為您解答問題：
簡單的舉個例子，您在本地用ajax訪問您伺服器上面的數據，這個時候瀏覽器就會告訴您一個錯誤，提示跨域了；
jsonp原理：我們知道<script src=''></script>裡面的這個src既可以是本地的，也可以是別人的，這樣能引入到我們自己的代碼里邊，這樣我們拿過來就能使用了；
jsonp和ajax的關系：他兩之間並沒有什麼必然的聯系，ajax不跨域的時候使用，jsonp跨域的時候使用；兩者相同點就是非同步去獲取數據。
望採納

B. 跨域電路是什麼意思

域(Domain)是Windows網路中獨立運行的單位，域之間相互訪問則需要建立信任關系(即Trust Relation)。信任關系是連接在域與域之間的橋梁。當一個域與其他域建立了信任關系後，2個域之間不但可以按需要相互進行管理，還可以跨網分配文件和列印機等設備資源，使不同的域之間實現網路資源的共享與管理。 有一種簡明的說法來解釋廣域跨域：跨域訪問，簡單來說就是 A 網站的 javascript 代碼試圖訪問 B 網站，包括提交內容和獲取內容。由於安全原因，跨域訪問是被各大瀏覽器所默認禁止的。

C. ajax處理跨域有幾種方式實現原理是什麼

Ajax 本身跨域是被瀏覽器給禁止的 那麼要實現不刷新頁面的情況下，改變頁面內容或取得服務端數據，至少有下面 4 個方法 1.自己搭個服務端代理 這個兼容性最好，特別是目標點不是自己可以操作的情況下，能夠自己轉化為標準的 js 數據 2.用 Flash

D. jsonp跨域的原理是什麼

jsonp其核心思想是利用JS標簽裡面的跨域特性進行跨域數據訪問，在JS標簽裡面存在的是一個跨域的URL，實際執行的時候通過這個URL獲得一段字元串，這段返回的字元串必須是一個合法的JS調用，通過EVAL這個字元串來完成對獲得的數據的處理。

JSONP(JSON with Padding（填充）)是JSON的一種「使用模式」，可用於解決主流瀏覽器的跨域數據訪問的問題。

JSONP是一個非官方的協議，它允許在伺服器端集成Script tags返回至客戶端，通過javascript callback的形式實現跨域訪問（這僅僅是JSONP簡單的實現形式）。

相關信息：

由於瀏覽器同源策略的限制，非同源下的請求，都會產生跨域問題，jsonp即是為了解決這個問題出現的一種簡便解決方案。

同源策略即：同一協議，同一域名，同一埠號。當其中一個不滿足時，我們的請求即會發生跨域問題。

E. POST的跨域原理解析及GET和POST的區別

但是也是因為瀏覽器同源策略的原因，前端頁面不能跨域請求所需資源
但是在日常的WEB開發中，需要進行跨域請求，常用有兩種方式可以跨域請求所需資源
1：JSONP
JSONP是伺服器與客戶端跨源通信的常用方法。最大特點就是簡單適用，老式瀏覽器全部支持，
伺服器改造非常小。
JSONP的原理是利用script標簽的src屬性可以進行不受同源策略的限制，進行跨域請求數據的屬性，在
HTML頁面中添加一個script標簽，向伺服器發送請求,伺服器收到請求後，返回數據，
將數據放在指定的回調函數中，回調函數中可以對數據進行操作

2：GET、POST
CORS是W3C標准，它允許瀏覽器向跨源伺服器發送AJAX請求，當瀏覽器發送請求的時候，會在請求頭自動添加上origin欄位，值為發送請求的頁面的所在域名，請求到達伺服器，伺服器會根據這個欄位校驗，如果這個源不在許可范圍內，會有一個正常的響應，但是響應頭部沒有Access-Control-Allow-Origin，瀏覽器報拋出一個錯誤，會被xhr的onerror函數捕獲，但是HTTP的狀態碼也有可能是200；如果請求的類型是PUT或者DELETE等特殊的請求方法，或者content-type:application/json，那麼，這個請求為非簡單請求，瀏覽器會在發送正式請求前先發送一個預檢請求，預檢請求中的請求頭部信息除了origin源欄位以外，還有Access-Control-Allow—Method和Access-Control-Allow—Header，預檢請求是一個OPTION類型的請求，只要服務端通過了預檢請求，之後的請求就和簡單請求是一樣的
GET、POST是ajax請求，ajax請求是基於XMLHttpRequest對象的跨域請求方式（低版本的ie是
ActiveXObject對象），XMLHttpRequest是ajax的核心機制，
它是一種支持非同步請求的技術。簡單的說，也就是javascript可以及時向伺服器提出請求和處理響應，
而不阻塞用戶。達到無刷新的效果。
GET和POST的區別：
1.post更安全（不會作為url的一部分，不會被緩存、保存在伺服器日誌、以及瀏覽器瀏覽記錄中）
2.post發送的數據量更大（get有url長度限制）
3.post能發送更多的數據類型（get只能發送ASCII字元）
4.post比get慢
5.get是冪等的，而post不是冪等的
6.get可以被緩存，post不可以被緩存

因為get請求的請求參數是放在header中（添加在鏈接後面），而post請求的參數是放在body中，其實url的長度限制不是get和post所決定的，而是瀏覽器有所限制，和get、post沒有基本沒有關系
get和post相比，要快，是因為get和post的請求過程不同，不多前三步都是一樣的，都是要先經過和伺服器的三次握手：
1.瀏覽器請求tcp連接（第一次握手）
2.伺服器答應進行tcp連接（第二次握手）
3.瀏覽器確認，並發送get請求頭和數據（第三次握手，這個報文比較小，所以http會在此時進行第一次數據發送）
get請求在第四步就會接收到了伺服器返回的數據，而post請求在第四步是接收到伺服器發送的100 continue指令，客戶端在發送數據請求服務端，服務端才會去返回數據，
就是說POST比GET多進行了一次客戶端和伺服器的打交道，GET請求產生了一個TCP數據包，而POST請求產生了兩個TCP數據包

F. jsonp跨域原理

jsonp跨域原理用script標簽的開放策略，可以實現跨域請求數據。當正常地請求一個JSON數據的時候，服務端返回的是一串JSON類型的數據，而使用JSONP模式來請求數據的時候，服務端返回的是一段可執行的JavaScript代碼。

JSONP在開放API中可以起到非常重要的作用，開放API是運用在開發者自己的應用上，而許多應用往往是在開發者的伺服器上，而不是在新浪微博的伺服器上。

因此跨域請求數據成為開發者們所需要解決的一大問題，廣大開放平台應該實現對JSONP的支持，雖然某些API里沒有說明，但實際上是可以使用JSONP方式調用的。

(6)跨域電路擴展閱讀

在客戶端調用提供JSONP支持的URL Service，獲取JSONP格式數據。

比如客戶想訪問http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction

假設客戶期望返回JSON數據：["customername1","customername2"]

那麼真正返回到客戶端的Script Tags:callbackFunction([「customername1","customername2"])

可能的調用方式：

<scripttype="text/javascript"src="http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction"></script>

G. 怎麼解決跨域的.以及後續jsonp的原理和實現以及cors怎麼設置

1. XMLHttpRequest跨域對於IE而言可以直接完成，但是對於其他瀏覽器而言報錯，無法跨域，有人說要設置瀏覽器；

2. 因此，需要伺服器給出回調函數callback，用於客戶端調用；

3. 這就是所謂的jsonp調用；

4. 如果是自己的伺服器和客戶端，但是用協議訪問，也是跨域，當然可以設置自己的伺服器代碼，添加cros等設置即可，網頁搜索一大把。

5. 如果是其他的伺服器，那就要他們給出回調函數，如果沒有，就不能完美的調用，除非用後台代碼。