為什么要把jsonp理解的那么神圣？一個動態的js文件而已

zhjx922 發布于2019-08-19 18:08 / 1353人閱讀

摘要：正常的引入文件是如何引入的如果內容如下會發生什么顯然，中會彈出第一次改造如果改成同樣會彈出再變形控制臺就會輸出這個對象恩，看到這里還不明白的原理繼續這里的不再是靜態，而是一個服務器動態輸出的文件，并且帶了一個參數，這個參數給后臺，告訴后臺，

正常的引入js文件是如何引入的？

demo.html

如果script.js內容如下會發生什么？

alert(1);

顯然，demo.html中會彈出1

第一次改造：

如果demo.html改成

script.js

show(1);

同樣會彈出1

再變形
demo.html

script.js

show({
    a:1
})

控制臺就會輸出{a:1}這個對象

恩，看到這里還不明白jsonp的原理？

繼續：
demo.html

這里的script.js不再是靜態js，而是一個服務器動態輸出的js文件，并且帶了一個參數，這個參數給后臺，告訴后臺，以什么名字返回數據

script.php

$back=$_GET["backname"];
echo $back."({"a":1})";

完結，代碼簡陋，說明問題即可

云服務器 GPU云服務器為什么國外的vps那么便宜 webrtc的源碼為什么那么大 js閉包的理解你理解中的云服務器ecs是什么

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

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

破解瀏覽器同源政策利器之JSONP

摘要：本文是在了解了瀏覽器的同源規則之后，學習了破解這個規則的一個簡單有效的方法。所以，年公司火狐的前身提出了瀏覽器的同源政策，目的是保護使用網站的用戶的信息安全。本文是在了解了瀏覽器的同源規則之后，學習了破解這個規則的一個簡單有效的方法->JSONP。主要通過阮一峰老師的博客學習瀏覽器的同源規則有這樣一個背景，如果你通過銀行的網站進行的取錢的交易，而其他用戶可以通過某個渠道獲得你在...

Keagan 2019-08-26 11:43 評論0 收藏0
JSONP原理

摘要：高級部分前后端聯動瀏覽器服務器數據庫是什么文件系統是一種數據庫是一種數據庫也是一個軟件只要能長久地存數據，就是數據庫前后端如何配合接下來我們用一個文件充當數據庫實際上數據庫的存儲內容本質就是一個帶有結構的文件捋一捋前后端交互的過程代碼在這里 jsonp javascript高級部分:前后端聯動,瀏覽器+服務器 1數據庫是什么文件系統是一種數據庫MySQL 是一種數據庫,也是一個軟件只...

testHs 2019-08-23 10:28 評論0 收藏0
為什么是 JSONP

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

iKcamp 2019-08-21 13:44 評論0 收藏0
原來你是這樣的jsonp(原理與具體實現細節)

摘要：但是有可能還不太它內部具體是如何實現一個的，從請求的發出，到指定的成功或失敗回調函數的執行。服務端會解析請求的至少拿到一個回調函數比如參數之后將數據放入其中返回給客戶端。前言原文地址倉庫地址 jsonp(JSON with padding)你一定不會陌生，前端向后端拿數據的方式之一，也是處理跨域請求的得利助手。我們早已習慣，早已熟練了jQ或者zepto的ajax調用方式。但是...

DangoSky 2019-08-21 11:44 評論0 收藏0