一．JSON简介
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C , C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。JSON的详细解释请访问JSON官网，这个网站上有图有真相，建议认真学习下。另外，JSON在维基百科上的介绍也很详细，可以访问一下。
 
二．PHP中JSON编码
在PHP中生成JSON字符串是非常容易的，直接使用json_encode()函数就可以将PHP数据转换成JSON字符串，此函数原形如下：
 
string json_encode ( mixed $value )
 
这个函数可以为任何数据进行转码，除了resource类型。
 
三．Javascript 解析JSON
有二种方法：一种是直接使用eval()函数。这种方法最快速。然而由于eval方法同样可以执行任意的JavaScript代码,因此当数据来源不可靠时则可能产生安全性问题。比如下面这个例子就会导致页面被重定向：
 
[html] view plaincopy
 
 
 
 
 
 

    
 

一段使用eval()解释会导致页面被重定向的JSON数据

 
 
 
第二种方法可以防止不安全代码出现——通过浏览器原生支持的JSON.parse(str)方法读取JSON数据， 该方法采用解析器验证读入的代码是否真的是JSON代码，这样就提供了较好的安全性。但是，由于这是用模拟的方式读取，速度上会比eval()慢。
 
四．JSON实例
下面以一个实例来解释数据是如何被编码成JSON字符串，JSON字符串又是如何在javascript中解析使用的，程序分为json1.php及json1.html。程序还要引用Smarty、JQuery及JSON库文件。
 
1．json1.php
 
[php] view plaincopy
// by MoreWindows( http://blog.csdn.net/MoreWindows ) 
require_once ('../../smarty_libs/Smarty.class.php');   
$tpl_article_array = array( 
    "001" => array( 
        "title"=>"PHP访问MySql数据库 初级篇",  
        "link"=>"http://www.BkJia.com/kf/201112/115227.html" 
    ), 
    "002" => array( 
        "title"=>"PHP访问MySql数据库 中级篇Smarty技术",  
        "link"=>"http://www.BkJia.com/kf/201112/115229.html" 
    ), 
    "003" => array( 
        "title"=>"PHP访问MySql数据库 高级篇AJAX技术",  
        "link"=>"http://www.BkJia.com/kf/201112/115230.html" 
    ), 
); 
 
$tpl_article_json = json_encode($tpl_article_array); 
$tpl = new Smarty(); 
$tpl->assign("article_array", $tpl_article_array); 
$tpl->assign("article_json", $tpl_article_json); 
$tpl->display("json1.html"); 
?> 
2．json1.html
 www.2cto.com
[html] 查看纯文本
 
 
<头> 

 
<脚本类型=“text/javascript”src=“../jquery-1.7.min.js”> 
脚本> 
 
$(文档).ready(函数(){ 
    var g_jsonstr = JSON.parse('{$article_json}');//通过JSON.parse()解析JSON字符串 
    $("div").mouseenter(function(){ //mouseenter  mouseover 
        var thisId = $(this).attr("id"); 
        var jsonid = thisId.substring(thisId.lastIndexOf("_") 1, thisId.length); 
 
        $("#article_link").css("位置","绝对"); 
        $("#article_link").css("左","20px"); 
        $("#article_link").css("顶部",$(this).offset().top $(this).height()); 
 
        $("#article_link").html("链接地址" g_jsonstr[jsonid]['link']); 
        $("#article_link").slideDown("快速"); 
        $(this).css("背景颜色","红色");        
    }); 
    $("div").mouseleave(function(){ //mouseleave  mouseout 
        $("#article_link").hide(); 
        $(this).css("背景颜色","黄色"); 
    }); 
}); 
 
 
div
{ 
    字体系列：无衬线字体； 
} 
 
 
 
{foreach $article_array as $key=>$value}