php跨域處理 以及json枕磁、jsonp

做web肯定會遇到跨域的問題渡蜻,關(guān)于跨域的概念不作過多描述,但需要了解的是跨域是前端的概念(雖然需要后端的配合计济,但由頭是前端)茸苇。

下文將一般跨域的處理方式做個記錄。

1.header()

在php代碼文件中設(shè)置:

<?php 
  header("Access-Control-Allow-Origin:*");  

告訴瀏覽器沦寂,我這個數(shù)據(jù)是隨便誰都能進(jìn)行訪問的学密,不管是GET還是POST。
本方式表示:無論誰传藏、無論什么方式腻暮,都來吧槽地。

2.header()

第一種方式秃励,太隨便了相寇,覺得不安全瘟芝,可以使用本方法赦颇。

<?php  
$URL="發(fā)起請求的頁面url地址";
header("Access-Control-Allow-Origin:".$URL);  

那么就表示脯倚,我的數(shù)據(jù)纲酗,只有$URL表示的地址值脚猾,能進(jìn)行訪問請求霍狰,其他的 sorry get out please抡草。
我們還可以進(jìn)一步約束:

header("Access-Control-Allow-Method:POST/GET");  

一起使用,代表本數(shù)據(jù)只能是特定URL特定請求方式才能正確得到相關(guān)結(jié)果蔗坯。 (還是注意康震,文檔里面要寫清楚)

3.JSONP

這個可能會使用得比較多一點,至少用起來爽一些宾濒。
因為瀏覽器同域規(guī)則的限制腿短,不能獲得其他不同域的數(shù)據(jù)。
但是绘梦,總有例外:

  1. <img src="">
  2. <script>
  3. <link>
  4. <iframe>

以上標(biāo)簽橘忱,不受瀏覽器同域規(guī)則限制。

jsonp原理卸奉,利用了<script>標(biāo)簽钝诚。

<script>
function func(data){
  ///your code
}
</script>
<script type="text/javascript" src="http://heyc.applinzi.com/mytest.php?callback=func"></script>

這是我本地localhost請求我在新浪sae云應(yīng)用的jsonp方式,我們看到代碼中榄棵,src指向的是一個php文件凝颇,這個是合法的潘拱,瀏覽器會將得到的內(nèi)容當(dāng)成是JS文件來進(jìn)行解釋和執(zhí)行。注意以上代碼的順序拧略。
那么作為被請求的服務(wù)端PHP代碼如下:

<?php  
header("Content-type: ");
$option=$_REQUEST["func"];//保證post/get都可以  
echo $option."({'name':'xxx'})";//輸出

以上就是實現(xiàn)jsonp的方式芦岂,第一句Header不是必須,因為是為了防止新浪輸出一些奇怪的東西才加的垫蛆。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末禽最,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子袱饭,更是在濱河造成了極大的恐慌弛随,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宁赤,死亡現(xiàn)場離奇詭異,居然都是意外死亡栓票,警方通過查閱死者的電腦和手機(jī)决左,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來走贪,“玉大人佛猛,你說我怎么就攤上這事∽菇疲” “怎么了继找?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長逃沿。 經(jīng)常有香客問我婴渡,道長,這世上最難降的妖魔是什么凯亮? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任边臼,我火速辦了婚禮,結(jié)果婚禮上假消,老公的妹妹穿的比我還像新娘柠并。我一直安慰自己,他們只是感情好富拗,可當(dāng)我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布臼予。 她就那樣靜靜地躺著,像睡著了一般啃沪。 火紅的嫁衣襯著肌膚如雪粘拾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天创千,我揣著相機(jī)與錄音半哟,去河邊找鬼酬滤。 笑死,一個胖子當(dāng)著我的面吹牛寓涨,可吹牛的內(nèi)容都是我干的盯串。 我是一名探鬼主播,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼戒良,長吁一口氣:“原來是場噩夢啊……” “哼体捏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起糯崎,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤几缭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后沃呢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體年栓,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年薄霜,在試婚紗的時候發(fā)現(xiàn)自己被綠了某抓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡惰瓜,死狀恐怖否副,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情崎坊,我是刑警寧澤备禀,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站奈揍,受9級特大地震影響曲尸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜男翰,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一队腐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧奏篙,春花似錦柴淘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肺稀,卻和暖如春第股,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背话原。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工夕吻, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留诲锹,地道東北人。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓涉馅,卻偏偏與公主長得像归园,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子稚矿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,930評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 由于瀏覽器的同源策略保護(hù)機(jī)制庸诱,瀏覽器不能執(zhí)行來自其他來源的腳本。通過js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信晤揣,比如用a...
    威少_吳閱讀 1,387評論 0 2
  • 1.什么是同源策略 1.要了解同源策略,我們必須先知道源即orgin 以百度頁面為例跪楞,谷歌瀏覽器打開控制臺:輸入l...
    GarenWang閱讀 1,455評論 2 8
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理缀去,服務(wù)發(fā)現(xiàn),斷路器习霹,智...
    卡卡羅2017閱讀 134,720評論 18 139
  • Asynchronous JavaScript and XML (Ajax) 是驅(qū)動新一代 Web 站點(流行術(shù)語...
    張玉帥閱讀 1,013評論 0 3
  • 和一個朋友聊天,了解了她看似美滿的生活中實際上存在著很多的問題炫隶,主要是夫妻之間的淋叶,導(dǎo)致生活過的寡淡無味,而且夫妻二...
    瀞知閱讀 235評論 0 0