在jquery中操作json數據我們直接 $.parseJSON(returnString ) 了
例
代碼如下 復制代碼 $(function(){你需要做的就是將數據存儲為格式正確的 .json或者.js 文件。以下為示例所傳送的json格式的數據
代碼如下 復制代碼
[
{
"username": "張三",
"content": "沙發."
},
{
"username": "李四",
"content": "板凳."
},
{
"username": "王五",
"content": "地板."
}
]
上面講到到的json數據是固定了,我們用php如何返回json數據呢
php輸出JSON格式方法
頁面中加入
header('Content-type: text/json');
這個頭就是告知此文件輸出類型為 json,這種形式我們見的最多的是驗證碼——php輸出驗證圖片,有時php可以輸出css文件,js文件等做一些有趣的事情。好的,我們測試一下吧
代碼如下 復制代碼
< ?php
header('Content-type: text/json');
$fruits = array (
"fruits" => array("a" => "orange", "b" => "banana", "c" => "apple"),
"numbers" => array(1, 2, 3, 4, 5, 6),
"holes" => array("first", 5 => "second", "third")
);
echo json_encode($fruits);
?>
實例
從數據庫讀取的數據生成json格式
代碼如下 復制代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>第一php網提供的教程--將數據庫讀取的數據生成json格式</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"/></script>
<script language=javascript>
</script>
</head>
<body>
<pre>
<h1>請注意兩種方法生成的對象數組在結構上的區別</h1>
<?php
echo '<h1>法一</h1>';
//假設以下數組是根據我們從數據庫讀取的數據生成的
$jarr=array('total'=>239,'row'=>array(
array('code'=>'001','name'=>'中國','addr'=>'Address 11','col4'=>'col4 data'),
array('code'=>'002','name'=>'Name 2','addr'=>'Address 12','col4'=>'col4 data'),
)
);
//法一:
$jobj=new stdclass();//實例化stdclass,這是php內置的空類,可以用來傳遞數據,由於json_decode後的數據是以對象數組的形式存放的,
//所以我們生成的時候也要把數據存儲在對象中
foreach($jarr as $key=>$value){
$jobj->$key=$value;
}
print_r($jobj);//打印傳遞屬性後的對象
echo '使用$jobj->row[0]['code']輸出數組元素:'.$jobj->row[0]['code'].'<br>';
echo '編碼後的json字符串:'.json_encode($jobj).'<br>';//打印編碼後的json字符串
//法二:
echo '<hr>';
echo '<h1>法二</h1>';
echo '編碼後的json字符串:';
echo $str=json_encode($jarr);//將數組進行json編碼
echo '<br>';
$arr=json_decode($str);//再進行json解碼
print_r($arr);//打印解碼後的數組,數據存儲在對象數組中
echo '使用$arr->row[0]->code輸出數組元素:'.$arr->row[0]->code;
?>
</body>
</html>