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