什么是JSONP？

geekidentity 發布于2019-07-31 11:27 / 1689人閱讀

摘要：簡述可以解決無法跨域請求的問題，其基本原理是利用調用文件不受跨域影響，在標簽中類似具有屬性的都不會受跨域的影響，就是利用這個特性，實現對跨域數據請求，需要注意的是，只能是請求。

簡述：

jsonp可以解決$.ajax無法跨域請求的問題，其基本原理是利用web調用js文件不受跨域影響，在html標簽中類似

其中test.js是在虛擬機nginx服務器放置的一個js文件，內容為:

alert("this is a test")

訪問頁面成功彈窗顯示:

自定義函數調用

這次我們將遠端的js文件寫上前端的函數名，達到實現數據交互的功能

前端代碼




    
    Title

目標js文件

Test("來自遠方的問候")

訪問頁面成功彈窗顯示：

動態調用

服務端要是可以動態生成js腳本，這樣服務端就可以對客戶端發送的請求做驗證，從而返回相應的內容。

客戶端




    
    Title

服務端(django)

def index2(req):
    messget = req.GET.get("data")
    data = req.GET.get("callback")+"("啦啦啦,服務器收到你的數據啦,你發送的是%s")" %messget
    print(data)
    return HttpResponse(data)

效果如下，當按下test按鈕

備注

對了，還有一種請求也可以跨域，就是服務端返回的數據中HTTP響應報文包含了正確CORS響應頭

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

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

JSONP 是什么

摘要：是什么說實話，我學了這么久，其實也沒有好好了解這個東西，當然平常自己在前端方面也涉獵較淺。是什么是的一種使用模式，可用于解決主流瀏覽器的跨域數據訪問的問題。有效避免了直接向遠程服務器請求數據 JSONP 是什么說實話，我學了這么久，其實也沒有好好了解這個東西，當然平常自己在前端方面也涉獵較淺。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

shadajin 2019-07-01 10:50 評論0 收藏0
JSONP 是什么

摘要：是什么說實話，我學了這么久，其實也沒有好好了解這個東西，當然平常自己在前端方面也涉獵較淺。是什么是的一種使用模式，可用于解決主流瀏覽器的跨域數據訪問的問題。有效避免了直接向遠程服務器請求數據 JSONP 是什么說實話，我學了這么久，其實也沒有好好了解這個東西，當然平常自己在前端方面也涉獵較淺。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

233jl 2019-08-23 12:23 評論0 收藏0
關于javascript跨域及JSONP的原理與應用

摘要：因為同源策略的限制，我們不能在與外部服務器進行通信的時候使用。這個是跨域服務器取數據的接口，參數為回調函數的名字，返回的格式為原理首先在客戶端注冊一個然后把的名字傳給服務器。一、同源策略同源策略，它是由Netscape提出的一個著名的安全策略，現在所有的可支持javascript的瀏覽器都會使用這個策略。為什么需要同源策略，這里舉個例子：假設現在沒有同源策略，會發生什么事...

CoderBear 2019-08-21 10:23 評論0 收藏0
Java Ajax jsonp 跨域請求

摘要：是一種協議，為了解決客戶端請求服務器跨域的問題，但是并非是正式的傳輸協議。結果明明請求回來數據，結果還是報錯。是一種使用數據的方式，返回的不是對象，是包含對象的腳本。 1、什么是JSONP 一般來說位于 server1.example.com 的網頁無法與不是 server1.example.com的服務器溝通，而 HTML 的元素是一個例外。利用元素的這個開放策略，網頁可以得到...

OBKoro1 2019-08-20 10:13 評論0 收藏0
為什么是 JSONP

摘要：因為有同源策略，而在實際開發中又常常會有跨域的需求，早期開發者為了解決跨域問題而搞出來這樣一個頗為奇怪的東西。安全早期的瀏覽器處于安全層面的考量，制定同源策略，限制了一個源中加載文本或腳本與來自其它源中資源的交互方式。 AJAX、JSON、JSONP 在 WEB 開發中，經常見到諸如 AJAX、JSON、JSONP 這些名詞。三者看起來很像，很多同學尤其是沒有系統了解過前端技術體系的同...

iKcamp 2019-08-21 13:44 評論0 收藏0
淺談JSONP

摘要：就這樣被發明了，利用的屬性不受同源策略的控制，作弊般地巧妙地逃過了瀏覽器的這一限制。然后，聲明這個回調函數。這是我在13年初寫的文章，當時懵懵懂懂寫下了自己對JSONP的理解。文章原文博客歡迎訂閱提到JSONP，我當時在網上找了無數帖子也沒有看懂它。那些文章大同小異，都是講到JSONP原理以后就戛然而止，把我們這些初學者搞得云里霧里。所以，寫下這篇文章，希望對大家有幫助...

binta 2019-08-21 10:41 評論0 收藏0