使用JSON實(shí)現(xiàn)數(shù)據(jù)的跨域傳輸?shù)膒hp代碼
更新時(shí)間：2011年12月20日 23:20:49 作者：
某網(wǎng)站后臺(tái)用php腳本得到一個(gè)JSON格式的數(shù)據(jù)，交給前臺(tái)javascript進(jìn)行處理，使用JSON實(shí)現(xiàn)數(shù)據(jù)的跨域調(diào)用
后臺(tái)profile.php代碼：
<?php
$arr = array(
'firstname' => iconv('gb2312', 'utf-8', '非誠(chéng)'),
'lastname' => iconv('gb2312', 'utf-8', '勿擾'),
'contact' => array(
'email' =>'fcwr@jb51.net',
'website' =>'http://m.fzitv.net',
)
);
//將一個(gè)數(shù)組JSON
$json_string = json_encode($arr);
//此處注意，雙引號(hào)能對(duì)里面的變量當(dāng)變量進(jìn)行處理，單引號(hào)則不會(huì)
echo "getProfile($json_string)";
?>
需要指出的是，在非UTF-8編碼下，中文字符將不可被encode，結(jié)果會(huì)出來空值，所以，如果你使用 gb2312編寫PHP代碼，那么就需要將包含中文的內(nèi)容使用iconv或者mb轉(zhuǎn)為UTF-8再進(jìn)行json_encode。
前臺(tái)index.html代碼：
<script type="text/javascript">
function getProfile(str) {
var arr = str;
document.getElementById("firstname").innerHTML = arr.firstname;
}
</script>
<body>
<div id="firstname"></div>
</body>
<!-- 使用JSON實(shí)現(xiàn)跨域的數(shù)據(jù)調(diào)用，此處如將“profile.php”改為“http://另外一個(gè)域名/profile.php”就更能看出跨域了-->
<script type="text/javascript" src="profile.php"></script>
將JSON格式的數(shù)據(jù)直接賦值給javascript中的變量，就變成數(shù)組了，接下來操作起來就會(huì)非常的方便，此處如果使用XML做為數(shù)據(jù)傳輸，后續(xù)操作就不方便嘍。
很顯然，當(dāng)index.html調(diào)用profile.php時(shí)，JSON字符串生成，并作為參數(shù)傳入getProfile，然后將昵稱插入到div 中，這樣一次跨域數(shù)據(jù)交互就完成了
調(diào)用index.html
輸出：非誠(chéng)
復(fù)制代碼 代碼如下:
<?php
$arr = array(
'firstname' => iconv('gb2312', 'utf-8', '非誠(chéng)'),
'lastname' => iconv('gb2312', 'utf-8', '勿擾'),
'contact' => array(
'email' =>'fcwr@jb51.net',
'website' =>'http://m.fzitv.net',
)
);
//將一個(gè)數(shù)組JSON
$json_string = json_encode($arr);
//此處注意，雙引號(hào)能對(duì)里面的變量當(dāng)變量進(jìn)行處理，單引號(hào)則不會(huì)
echo "getProfile($json_string)";
?>
需要指出的是，在非UTF-8編碼下，中文字符將不可被encode，結(jié)果會(huì)出來空值，所以，如果你使用 gb2312編寫PHP代碼，那么就需要將包含中文的內(nèi)容使用iconv或者mb轉(zhuǎn)為UTF-8再進(jìn)行json_encode。
前臺(tái)index.html代碼：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function getProfile(str) {
var arr = str;
document.getElementById("firstname").innerHTML = arr.firstname;
}
</script>
<body>
<div id="firstname"></div>
</body>
<!-- 使用JSON實(shí)現(xiàn)跨域的數(shù)據(jù)調(diào)用，此處如將“profile.php”改為“http://另外一個(gè)域名/profile.php”就更能看出跨域了-->
<script type="text/javascript" src="profile.php"></script>
將JSON格式的數(shù)據(jù)直接賦值給javascript中的變量，就變成數(shù)組了，接下來操作起來就會(huì)非常的方便，此處如果使用XML做為數(shù)據(jù)傳輸，后續(xù)操作就不方便嘍。
很顯然，當(dāng)index.html調(diào)用profile.php時(shí)，JSON字符串生成，并作為參數(shù)傳入getProfile，然后將昵稱插入到div 中，這樣一次跨域數(shù)據(jù)交互就完成了
調(diào)用index.html
輸出：非誠(chéng)
相關(guān)文章
PHP 配置open_basedir 讓各虛擬站點(diǎn)獨(dú)立運(yùn)行
好幾年前，我在抱怨Apache運(yùn)行PHP的安全性不行，只要一個(gè)站點(diǎn)被人拿下，服務(wù)器上的其他站點(diǎn)就會(huì)跟著遭殃。2009-11-11
如果想批處理以前下載的一堆文件，把文件里的關(guān)鍵內(nèi)容用正則匹配出來，集中處理。操作文件時(shí)遇到一個(gè)問題，就是windows操作系統(tǒng)中的編碼問題。本文將帶著大家詳細(xì)探討此問題。2021-05-05
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)猜數(shù)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
php正則表達(dá)式驗(yàn)證（郵件地址、Url地址、電話號(hào)碼、郵政編碼）
這篇文章主要介紹了php正則表達(dá)式驗(yàn)證，實(shí)現(xiàn)郵件地址、Url地址、電話號(hào)碼、郵政編碼驗(yàn)證，感興趣的小伙伴們可以參考一下2016-03-03
解決多調(diào)用同時(shí)寫一個(gè)文件時(shí)我們會(huì)使用flock來解決些問題，這樣同一時(shí)間只有一個(gè)用戶可以寫文件，同時(shí)其它用戶進(jìn)行等待隊(duì)列了，下面我來介紹一下flock解決多用戶讀寫文件沖空問題2013-11-11
在Linux系統(tǒng)的服務(wù)器上隱藏PHP版本號(hào)的方法
這篇文章主要介紹了在Linux系統(tǒng)的服務(wù)器上隱藏PHP版本號(hào)的方法,有助于預(yù)防攻擊者針對(duì)PHP詳細(xì)版本的漏洞而發(fā)起的攻擊,需要的朋友可以參考下2015-06-06
PHP調(diào)試的強(qiáng)悍利器之PHPDBG
這篇文章主要為大家詳細(xì)介紹了PHP調(diào)試的強(qiáng)悍利器之PHPDBG的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了PHP封裝的多文件上傳類實(shí)例與用法,結(jié)合實(shí)例形式詳細(xì)分析了php多文件上傳類的定義與具體使用方法,需要的朋友可以參考下2017-02-02
PHP5中使用PDO連接數(shù)據(jù)庫(kù)的方法
PDO(PHP Data Object) 是PHP 5 中加入的東西，是PHP 5新加入的一個(gè)重大功能，因?yàn)樵赑HP 5以前的php4/php3都是一堆的數(shù)據(jù)庫(kù)擴(kuò)展來跟各個(gè)數(shù)據(jù)庫(kù)的連接和處理，什么 php_mysql.dll、php_pgsql.dll、php_mssql.dll、php_sqlite.dll等等。2010-08-08
這篇文章主要為大家詳細(xì)介紹了PHP CURL與java http使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01