兩種簡單的跨域方法(jsonp、php)
Ajax不能跨域，比如您是www.baidu.com，您就不能請(qǐng)求www.163.com的文件。但您可以請(qǐng)求www.baidu.com/1.json、ent.baidu.com/1.json。這是因?yàn)榘踩?，?duì)于任何后臺(tái)語言來說、服務(wù)器程序來說，所有的XHR類型的請(qǐng)求，如果來自其他的服務(wù)器，將不予應(yīng)答。
一、使用jsonp
JSONP是JSON with Padding的略稱。它是一個(gè)非官方的協(xié)議，出處不可考，它允許在服務(wù)器端集成Script tags返回至客戶端，通過javascript callback的形式實(shí)現(xiàn)跨域訪問（這僅僅是JSONP簡單的實(shí)現(xiàn)形式）。--來源百度
JSONP就像是JSON+Padding一樣(Padding這里我們理解為調(diào)用函數(shù)時(shí)的填充)。
綠色部分是JSON，外面的fun();是函數(shù)的調(diào)用，是padding補(bǔ)充部分。
jsonp的原理很簡單，就是把定義寫在了HTML源文件里面，而將調(diào)用放在script標(biāo)簽引用的文件里面，由于script標(biāo)簽可以跨文件使用，這樣就實(shí)現(xiàn)了跨域，引用的文件可以有各種格式php 、js、txt等。
下面舉個(gè)例子：
jsonp.txt里面的內(nèi)容如下：
//調(diào)用函數(shù)
fun({
"result" : [
{
"name" : "小明",
"age" : 12,
"sex" : "男"
},
{
"name" : "小紅",
"age" : 13,
"sex" : "女"
},
{
"name" : "小綠",
"age" : 16,
"sex" : "女"
}
]
});
運(yùn)行結(jié)果：
由于這樣使用起來不方便，我們可以將它封裝成一個(gè)實(shí)用輪子：
jQuery已經(jīng)有封裝好的API可以直接使用：名稱是ajax（）
可以查看jQuery手冊(cè)，參考如下
二、使用PHP偷數(shù)據(jù)
幾乎每種后臺(tái)語言都可以實(shí)現(xiàn)該功能，以下是PHP的示例：
<?php
header("Content-Type:text/html;charset=utf-8");
$a = file_get_contents("網(wǎng)址");
print_r($a);
?>
其中，header是設(shè)置返回到瀏覽器中的頭文件的字符集和文件類型
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了json格式數(shù)據(jù)的添加，刪除及排序方法,結(jié)合實(shí)例形式分析了針對(duì)一維數(shù)組與二維數(shù)組的json格式數(shù)據(jù)進(jìn)行增加、刪除與排序的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了Javascript中window.name屬性詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
javascript算法題 求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
從1--9中選取N個(gè)數(shù)字，組成不重復(fù)的N位數(shù)，從小到大進(jìn)行編號(hào)，當(dāng)輸入其中任何一個(gè)數(shù)M時(shí)，能找出該數(shù)字對(duì)應(yīng)的編號(hào)2012-07-07
下面小編就為大家了一篇判斷JS對(duì)象是否擁有某屬性的方法推薦。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
閉包是js的一個(gè)難點(diǎn)也是它的一個(gè)特色,是我們必須掌握的js高級(jí)特性,下面這篇文章主要給大家介紹了關(guān)于JavaScript閉包函數(shù)的相關(guān)資料,需要的朋友可以參考下2021-11-11
JavaScript實(shí)現(xiàn)模仿桌面窗口的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)模仿桌面窗口的方法,可實(shí)現(xiàn)模仿桌面窗口的打開、關(guān)閉、移動(dòng)、縮放及最大化、最小化等功能,需要的朋友可以參考下2015-07-07
這篇文章主要給大家介紹了關(guān)于blob文件流前端顯示pdf的三種方法,困擾我一個(gè)晚上的問題,終于解決了,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了js中數(shù)組常用方法總結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家詳細(xì)介紹了javascript的正則匹配方法，幫助大家更快更高效的學(xué)習(xí)javascript正則的相關(guān)內(nèi)容，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了JS生成唯一id方式之UUID和NanoID，唯一id有了更好的方式，那就是NanoID，今天這篇文章記錄一下NanoID 正在取代 UUID？及js 生成uuid及NanoID的方法，下面來看文章的詳細(xì)介紹2021-12-12