JSON(JavaScript Object Notation)即JavaScript对象表示法,是一种轻量级的数据交换格式。它非常便于编程人员对数据的处理,也便于机器对数据的解析和生成,应用非常广泛。

json文件可以保存为“test.json”这样的文件,json数据的一般格式如下(“{ }”中的为对象,“[ ]”中的为数组):

{ "total":3, "rows":[    {    "userId":1,    "realName":"张梅",    "headUrl":"href='teacherDetail.html'",    "img":"src='images/teacher.jpg'",    "introduction":"热情大方。"    },{    "userId":2,    "realName":"张三",    "headUrl":"href='teacherDetail.html'",    "img":"src='images/teacher.jpg'",    "introduction":"热情大方。"    },{    "userId":3,    "realName":"李斯",    "headUrl":"href='teacherDetail.html'",    "img":"src='images/teacher.jpg'",    "introduction":"热情大方"    } ] }

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求。使用方法如下:

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必选参数,表示json数据的地址;
data是可选参数,用于请求数据时发送数据参数;
success是可参数,这是一个回调函数,用于处理请求到的数据。

获取json数据举例:

$.getJSON('test.json', function(data){    for (var i = 0; i < data.rows.length; i++) {       $('#test').append('<p>' + data.rows[i].realName + '</p>');    } });

随机推荐

  1. js web实现移动端触控

    // 触摸事件 $(".m_l_i_l a").on("touchstart", function(){ $(this).css("color&quo ...

  2. Chrome浏览器M53更新后超链接的dispatchEvent(evt)方法无法触发文件下载

    一个经典的js前台文件下载方法: var aLink = document.createElement('a'); var datatype="data:text/plain;charset ...

  3. Linux for QQ 安装

    1.sudo apt-get install wine 2.打开网址http://www.ubuntukylin.com/application/show.php?lang=cn&id=279 ...

  4. php 安装 sphinx

    我的环境是 ubuntun ,所以 第一步 sudo apt-get install pear 第二,根据 php.net 里说的,去下载 sphinx. 第三,pecl install sphinx ...

  5. Xamarin

    快速建立原生(Native)的行动装置应用程序: 程序代码共享: 与 Visual Studio 整合: 确保第一时间更新: 原生的应用程序效能:

  6. Windows便笺 快捷键

    便笺快捷键 便笺快捷键多数与Office相同 Ctrl+N 新建 Alt+F4 关闭便笺,下次打开内容还在 Ctrl+D 删除 Ctrl+E 居中 Ctrl+R 右对齐 Ctrl+L 左对齐 Ctrl ...

  7. js子窗体、父窗体方法互调

    var childWindow = $("#editFrame")[0].contentWindow;//获取子窗体的window对象. childWindow.subForm() ...

  8. java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: NO)

    在更新项目之后,做了一定的改动后发现竟然报错了,刚才还好好的. java.sql.SQLException: Access denied for user 'root'@'localhost' (us ...

  9. Script 语言的简单练习题 乘法口诀

    <script>for(var i=1;i<=9;i++){ for(var k=1;k<=i;k++) { document.write(k+"x"+i+ ...

  10. Linux phpbb论坛的安装(中文版)

    1:建立文件夹