什么是JSONP？

mist14 發(fā)布于2019-08-23 18:35 / 1257人閱讀

摘要：簡(jiǎn)述可以解決無(wú)法跨域請(qǐng)求的問(wèn)題，其基本原理是利用調(diào)用文件不受跨域影響，在標(biāo)簽中類(lèi)似具有屬性的都不會(huì)受跨域的影響，就是利用這個(gè)特性，實(shí)現(xiàn)對(duì)跨域數(shù)據(jù)請(qǐng)求，需要注意的是，只能是請(qǐng)求。

簡(jiǎn)述：

jsonp可以解決$.ajax無(wú)法跨域請(qǐng)求的問(wèn)題，其基本原理是利用web調(diào)用js文件不受跨域影響，在html標(biāo)簽中類(lèi)似

其中test.js是在虛擬機(jī)nginx服務(wù)器放置的一個(gè)js文件，內(nèi)容為:

alert("this is a test")

訪(fǎng)問(wèn)頁(yè)面成功彈窗顯示:

自定義函數(shù)調(diào)用

這次我們將遠(yuǎn)端的js文件寫(xiě)上前端的函數(shù)名，達(dá)到實(shí)現(xiàn)數(shù)據(jù)交互的功能

前端代碼




    
    Title

目標(biāo)js文件

Test("來(lái)自遠(yuǎn)方的問(wèn)候")

訪(fǎng)問(wèn)頁(yè)面成功彈窗顯示：

動(dòng)態(tài)調(diào)用

服務(wù)端要是可以動(dòng)態(tài)生成js腳本，這樣服務(wù)端就可以對(duì)客戶(hù)端發(fā)送的請(qǐng)求做驗(yàn)證，從而返回相應(yīng)的內(nèi)容。

客戶(hù)端




    
    Title

服務(wù)端(django)

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

效果如下，當(dāng)按下test按鈕

備注

對(duì)了，還有一種請(qǐng)求也可以跨域，就是服務(wù)端返回的數(shù)據(jù)中HTTP響應(yīng)報(bào)文包含了正確CORS響應(yīng)頭

GPU云服務(wù)器云服務(wù)器 JSONP jsonp： jsonp 跨域 webapi?jsonp?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/105481.html

相關(guān)文章

JSONP 是什么

摘要：是什么說(shuō)實(shí)話(huà)，我學(xué)了這么久，其實(shí)也沒(méi)有好好了解這個(gè)東西，當(dāng)然平常自己在前端方面也涉獵較淺。是什么是的一種使用模式，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪(fǎng)問(wèn)的問(wèn)題。有效避免了直接向遠(yuǎn)程服務(wù)器請(qǐng)求數(shù)據(jù) JSONP 是什么說(shuō)實(shí)話(huà)，我學(xué)了這么久，其實(shí)也沒(méi)有好好了解這個(gè)東西，當(dāng)然平常自己在前端方面也涉獵較淺。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

shadajin 2019-07-01 10:50 評(píng)論0 收藏0
JSONP 是什么

摘要：是什么說(shuō)實(shí)話(huà)，我學(xué)了這么久，其實(shí)也沒(méi)有好好了解這個(gè)東西，當(dāng)然平常自己在前端方面也涉獵較淺。是什么是的一種使用模式，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪(fǎng)問(wèn)的問(wèn)題。有效避免了直接向遠(yuǎn)程服務(wù)器請(qǐng)求數(shù)據(jù) JSONP 是什么說(shuō)實(shí)話(huà)，我學(xué)了這么久，其實(shí)也沒(méi)有好好了解這個(gè)東西，當(dāng)然平常自己在前端方面也涉獵較淺。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

233jl 2019-08-23 12:23 評(píng)論0 收藏0
關(guān)于javascript跨域及JSONP的原理與應(yīng)用

摘要：因?yàn)橥床呗缘南拗疲覀儾荒茉谂c外部服務(wù)器進(jìn)行通信的時(shí)候使用。這個(gè)是跨域服務(wù)器取數(shù)據(jù)的接口，參數(shù)為回調(diào)函數(shù)的名字，返回的格式為原理首先在客戶(hù)端注冊(cè)一個(gè)然后把的名字傳給服務(wù)器。一、同源策略同源策略，它是由Netscape提出的一個(gè)著名的安全策略，現(xiàn)在所有的可支持javascript的瀏覽器都會(huì)使用這個(gè)策略。為什么需要同源策略，這里舉個(gè)例子：假設(shè)現(xiàn)在沒(méi)有同源策略，會(huì)發(fā)生什么事...

CoderBear 2019-08-21 10:23 評(píng)論0 收藏0
Java Ajax jsonp 跨域請(qǐng)求

摘要：是一種協(xié)議，為了解決客戶(hù)端請(qǐng)求服務(wù)器跨域的問(wèn)題，但是并非是正式的傳輸協(xié)議。結(jié)果明明請(qǐng)求回來(lái)數(shù)據(jù)，結(jié)果還是報(bào)錯(cuò)。是一種使用數(shù)據(jù)的方式，返回的不是對(duì)象，是包含對(duì)象的腳本。 1、什么是JSONP 一般來(lái)說(shuō)位于 server1.example.com 的網(wǎng)頁(yè)無(wú)法與不是 server1.example.com的服務(wù)器溝通，而 HTML 的元素是一個(gè)例外。利用元素的這個(gè)開(kāi)放策略，網(wǎng)頁(yè)可以得到...

OBKoro1 2019-08-20 10:13 評(píng)論0 收藏0
為什么是 JSONP

摘要：因?yàn)橛型床呗裕趯?shí)際開(kāi)發(fā)中又常常會(huì)有跨域的需求，早期開(kāi)發(fā)者為了解決跨域問(wèn)題而搞出來(lái)這樣一個(gè)頗為奇怪的東西。安全早期的瀏覽器處于安全層面的考量，制定同源策略，限制了一個(gè)源中加載文本或腳本與來(lái)自其它源中資源的交互方式。 AJAX、JSON、JSONP 在 WEB 開(kāi)發(fā)中，經(jīng)常見(jiàn)到諸如 AJAX、JSON、JSONP 這些名詞。三者看起來(lái)很像，很多同學(xué)尤其是沒(méi)有系統(tǒng)了解過(guò)前端技術(shù)體系的同...

iKcamp 2019-08-21 13:44 評(píng)論0 收藏0
淺談JSONP

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

binta 2019-08-21 10:41 評(píng)論0 收藏0