json学习.docx

《json学习.docx》由会员分享，可在线阅读，更多相关《json学习.docx（15页珍藏版）》请在冰豆网上搜索。

json学习

JSON进阶第一篇在PHP与javascript中使用JSON

一．JSON简介

JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。

易于人阅读和编写。

同时也易于机器解析和生成。

JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C,C++,C#,Java,JavaScript,Perl,Python等）。

这些特性使JSON成为理想的数据交换语言。

JSON的详细解释请访问JSON官网，这个网站上有图有真相，建议认真学习下。

另外，JSON在维基百科上的介绍也很详细，可以访问一下。

二．PHP中JSON编码

在PHP中生成JSON字符串是非常容易的，直接使用）函数就可以将PHP数据转换成JSON字符串，此函数原形如下：

string json_encode （ mixed $value ）

这个函数可以为任何数据进行转码，除了resource类型。

三．Javascript解析JSON

有二种方法：

一种是直接使用eval（）函数。

这种方法最快速。

然而由于eval方法同样可以执行任意的JavaScript代码,因此当数据来源不可靠时则可能产生安全性问题。

比如下面这个例子就会导致页面被重定向：

[html] viewplaincopy

1.

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

2.

//www.w3.org/1999/xhtml">  

3.  

4.  

5.  

6.  

7.//jquery通过AJAX方式得到JSON数据  

8.$（document）.ready（function（）{  

9.    var dangerJson = '{message:

（function（）{window.location=\'  

10.    //eval（dangerJson）;   //会重定向  

11.    var jsonArray = JSON.parse（dangerJson）; //会报错 - 无效字符  

12.}）;  

13.  

14.     

15.  

16.

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

17.  

18.  

第二种方法可以防止不安全代码出现——通过浏览器原生支持的JSON.parse（str）方法读取JSON数据，该方法采用解析器验证读入的代码是否真的是JSON代码，这样就提供了较好的安全性。

但是，由于这是用模拟的方式读取，速度上会比eval（）慢。

四．JSON实例

下面以一个实例来解释数据是如何被编码成JSON字符串，JSON字符串又是如何在javascript中解析使用的，程序分为json1.php及json1.html。

程序还要引用Smarty、JQuery及JSON库文件。

1．json1.php

[php] viewplaincopy

1.

php  

2.// by MoreWindows（  ）  

3.require_once （'../../smarty_libs/Smarty.class.php'）;    

4.$tpl_article_array = array（  

5.    "001" => array（  

6.        "title"=>"PHP访问MySql数据库 初级篇",   

7.        "link"=>"  

8.    ）,  

9.    "002" => array（  

10.        "title"=>"PHP访问MySql数据库 中级篇 Smarty技术",   

11.        "link"=>"  

12.    ）,  

13.    "003" => array（  

14.        "title"=>"PHP访问MySql数据库 高级篇 AJAX技术",   

15.        "link"=>"  

16.    ）,  

17.）;  

18.  

19.$tpl_article_json = $tpl_article_array）;  

20.$tpl = new Smarty（）;  

21.$tpl->assign（"article_array", $tpl_article_array）;  

22.$tpl->assign（"article_json", $tpl_article_json）;  

23.$tpl->display（"json1.html"）;  

24.?

>  

2．json1.html

[html] viewplaincopy

1.

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

2.

//www.w3.org/1999/xhtml">  

3.  

4.  

5.  

6.  

7.  

8.$（document）.ready（function（）{  

9.    var g_jsonstr = JSON.parse（'{$article_json}'）;//通过JSON.parse（）解析JSON字符串  

10.    $（"div"）.mouseenter（function（）{ //mouseenter  mouseover  

11.        var thisId = $（this）.attr（"id"）;  

12.        var jsonid = thisId.substring（thisId.lastIndexOf（"_"） + 1, thisId.length）;  

13.  

14.        $（"#article_link"）.css（"position","absolute"）;  

15.        $（"#article_link"）.css（"left","20px"）;  

16.        $（"#article_link"）.css（"top",$（this）.offset（）.top + $（this）.height（））;  

17.  

18.        $（"#article_link"）.html（"链接地址" + g_jsonstr[jsonid]['link']）;  

19.        $（"#article_link"）.slideDown（"fast"）;  

20.        $（this）.css（"background-color","red"）;        

21.    }）;  

22.    $（"div"）.mouseleave（function（）{ //mouseleave  mouseout  

23.        $（"#article_link"）.hide（）;  

24.        $（this）.css（"background-color","yellow"）;  

25.    }）;  

26.}）;  

27.  

28.  

29.div  

30.{  

31.    font-family:

sans-serif;  

32.}  

33.  

34.  

35.  

36.{foreach $article_array as $key=>$value}  

37.      

38.        

{$value['title']}

39.