資源描述：
《ajax跨域解決方案》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立ajax跨域解決方案 篇一：使用JSONP解決Ajax跨域訪問問題 使用JSONP解決Ajax跨域訪問問題 JSONP(JSONwithPadding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題。現(xiàn)在我們來用JSONP解決Ajax跨域訪問問題?！ ∏皫滋欤ぷ魃嫌幸恍滦枨螅枰岸藈eb頁面異步調(diào)用后臺的Webservice方法返回信息。實現(xiàn)方法有多種，本例采用jQuery+Ajax，完成后，在本地調(diào)試了一切ok，但
2、是部署到服務(wù)器上以后就出現(xiàn)問題了，后臺服務(wù)調(diào)用沒有響應(yīng)，怎么回事?代碼沒怎么改動，唯一修改的地方就是jQuery的ajax方法中的url地址。難道是這里的問題，經(jīng)過檢查和調(diào)試，發(fā)現(xiàn)原來是同源策略在作怪，我們知道，JavaScript或jQuery是在Web前端開發(fā)中經(jīng)常使用的動態(tài)腳本技術(shù)。在JavaScript中，有一個很重要的安全性限制，被稱為“Same-OriginPolicy”(同源策略)。這一策略對于JavaScript代碼能夠訪問的頁面內(nèi)容做了很重要的限制，即JavaScript只能訪問與包含它的文檔或腳本在同一域名下的內(nèi)容。不同域名下的腳本不能互相訪問，即便是子域也不行。
3、關(guān)于同源策略，讀者可百度更詳細(xì)的解釋，這里不再贅述。隨著信息化和全球化的發(fā)展，國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立 但是有時候又不可避免地需要進(jìn)行跨域操作，這時候“同源策略”就是一個限制了，怎么辦呢?采用JSONP跨域GET請求是一個常用的解決方案，下面我們來看一下JSONP跨域是如何實現(xiàn)的，并探討下JSONP跨域的原理?！ ∵@里提到了JSONP，那有人就問了，它同JSON有什么區(qū)別不同和
4、區(qū)別呢，接下我們就來看看，百度百科有以下說明： JSON(JavaScriptObjectNotation)是一種輕量級的數(shù)據(jù)交換格式。它基于JavaScript(StandardECMA-2623rdEdition-December1999)的一個子集。JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣(包括C,C++,C#,Java,JavaScript,Perl,Python等)。這些特性使JSON成為理想的數(shù)據(jù)交換語言。易于人閱讀和編寫，同時也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度快)。 JSONP(JSONwithPadding)是JSON的一種“使用模
5、式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題。由于同源策略，一般來說位于的網(wǎng)頁無法與不是的服務(wù)器溝通，而HTML的元素是一個例外。利用元素的這個開放策略，網(wǎng)頁可以得到從其他來源動態(tài)產(chǎn)生的JSON資料，而這種使用模式就是所謂的JSONP。用JSONP抓到的資料并不是JSON，而是任意的JavaScript，用JavaScript直譯器執(zhí)行而不是用JSON解析器解析。隨著信息化和全球化的發(fā)展，國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會以來，貿(mào)易即已成為人們?nèi)粘；顒拥闹饕糠?，并成為一國?jīng)濟(jì)增長的主動力。國際分
6、工的深化、大量國際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立 到這里，應(yīng)該明白了，JSON是一種輕量級的數(shù)據(jù)交換格式，像xml一樣，是用來描述數(shù)據(jù)間的。JSONP是一種使用JSON數(shù)據(jù)的方式，返回的不是JSON對象，是包含JSON對象的javaScript腳本?！ ∧荍SONP是如何工作的呢，我們知道，由于同源策略的限制，XmlHttpRequest只允許請求當(dāng)前源（域名、協(xié)議、端口）的資源。若要跨域請求出于安全性考慮是不行的，但是我們發(fā)現(xiàn)，Web頁面上調(diào)用js文件時則不受是否跨域的影響，而且擁有”src”這個屬性的標(biāo)簽都擁有跨域的能力，比如、、，這時候，聰明的程序猿就想到了變通的方法，如果要進(jìn)行跨域請求
7、，通過使用html的script標(biāo)記來進(jìn)行跨域請求，并在響應(yīng)中返 回要執(zhí)行的script代碼，其中可以直接使用JSON傳遞javascript對象。即在跨域的服務(wù)端生成JSON數(shù)據(jù)，然后包裝成script腳本回傳，著不就突破同源策略的限制，解決了跨域訪問的問題了么?！ ∠旅嫖覀兙涂聪略趺磳崿F(xiàn)： 前端代碼： 代碼如下復(fù)制代碼 functionCallWebServiceByJsonp(){$("#SubEquipmentDetails").html(
