PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

JSON Jquery Codeigniter 使用详解

JSON Jquery Codeigniter 使用详解

来源:互联网  作者:  发布时间:2010-08-10
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999的一个子集。JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成为理想的数据交换语言。

JSON建构于两种结构:
“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。
值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。

这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。

JSON具有以下这些形式:

对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。

Object

Object

数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

array

array

值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。

value

value

字符串(string)是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。一个字符(character)即一个单独的字符串(character string)。

字符串(string)与C或者Java的字符串非常相似。

string

string

数值(number)也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。

number

number

CodeIgniter调用 jsonci类的方式:

 classShowjsonextendsController {

     publicfunction__construct() {

         parent::__construct ();

         $this->load->library (array('jsonci') );

         log_message ('debug','CentWare :  Users Controller class loaded');

     }

     functionindex(){

         $array_me=array('elements'=>array('type'=>'bar','values'=>array(1,2,3,4,5,6,8,9,10,11)),'title'=>array('text'=>'2010-06-18'));

         echo$this->jsonci->send<spanclass="wp_keywordlink_affiliate"><a href="http://www.satsuns.com/tag/json"title="查看 JSON 的全部文章"target="_blank">JSON</a></span> ($array_me);

     }

 }

界面返回JSON数组:

 {"elements":{"type":"bar","values":[1,2,3,4,5,6,8,9,10,11]},"title":{"text":"2010-06-18"}}

Jquery中 $.getJSON函数使用方法

 [

   {

     "term":"BACCHUS",

     "part":"n.",

     "definition":"A convenient deity invented by the ancients as an excuse for getting drunk.",

     "quote": [

       "Is public worship, then, a sin,",

       "That for devotions paid to Bacchus",

       "The lictors dare to run us in,",

       "And resolutely thump and whack us?"

     ],

     "author":"Jorace"

   },

   {

     "term":"BACKBITE",

     "part":"v.t.",

     "definition":"To speak of a man as you find him when he can't find you."

   }

 ]

html 页面中

查看源代码
打印帮助
 $(document).ready(function() {

   // 字母B下面的按钮被点击时触发发函数

   $('#letter-b .button').click(function() {

     // 加载b.json文件的内容

     $.getJSON('b.json', function(data) {

       // 先将id为dictionary的div里的内容置空

       $('#dictionary').empty();

       // 循环处理每条返回的数据entryIndex为每一行数组的key,entry为数组的value

       $.each(data, function(entryIndex, entry) {

          // 拼装要显示的内容

         var html = '<divclass="entry">';

         html += '<h3class="term">' + entry['term'] + '</h3>';

         html += '<divclass="part">' + entry['part'] + '</div>';

         html += '<divclass="definition">';

         html += entry['definition'];

         if (entry['quote']) {

           html += '<divclass="quote">';

           $.each(entry['quote'], function(lineIndex, line) {

             html += '<divclass="quote-line">' + line + '</div>';

           });

           if (entry['author']) {

             html += '<divclass="quote-author">' + entry['author'] + '</div>';

           }

           html += '</div>';

         }

         html += '</div>';

         html += '</div>';

         // id为dictionary里放入html

         $('#dictionary').append(html);

       });

     });

   });

 });

 


延伸阅读:
什么是JSON
JSON 入门指南
什么是jquery
jQuery简单应用
实例详解PHP serialize与JSON解析
PHP中JSON的应用
3K大小的万能JQuery弹出层类库
PHP中JSON技巧讲解
PHP json_encode函数进行中文转换
二十个超级酷和最实用的jQuery实例
jQuery 表格插件汇总
jQuery+CSS图片展示特效
jQuery图片切换效果插件
jQuery网页内容切换效果插件
21个演示展示强大的jQuery特效
Tags: JSON   jQuery   CodeIgniter  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号