後台profile.php代碼:
復制代碼 代碼如下:
<?php
$arr = array(
'firstname' => iconv('gb2312', 'utf-8', '非誠'),
'lastname' => iconv('gb2312', 'utf-8', '勿擾'),
'contact' => array(
'email' =>'
[email protected]',
'website' =>'http://www.jb51.net',
)
);
//將一個數組JSON
$json_string = json_encode($arr);
//此處注意,雙引號能對裡面的變量當變量進行處理,單引號則不會
echo "getProfile($json_string)";
?>
需要指出的是,在非UTF-8編碼下,中文字符將不可被encode,結果會出來空值,所以,如果你使用 gb2312編寫PHP代碼,那麼就需要將包含中文的內容使用iconv或者mb轉為UTF-8再進行json_encode。
前台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實現跨域的數據調用,此處如將“profile.php”改為“http://另外一個域名/profile.php”就更能看出跨域了-->
<script type="text/javascript" src="profile.php"></script>
將JSON格式的數據直接賦值給javascript中的變量,就變成數組了,接下來操作起來就會非常的方便,此處如果使用XML做為數據傳輸,後續操作就不方便喽。
很顯然,當index.html調用profile.php時,JSON字符串生成,並作為參數傳入getProfile,然後將昵稱插入到div 中,這樣一次跨域數據交互就完成了
調用index.html
輸出:非誠