首页 > 代码库 > $.getJSON( )的使用方法简介

$.getJSON( )的使用方法简介

2024-07-05 23:21:10   229人阅读

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

json文件可以保存为“test.json”这样的文件，json数据的一般格式如下（“{ }”中的为对象，“[ ]”中的为数组）：

  1. {
  2. "total":3,
  3. "rows":[
  4.    {
  5.    "userId":1,
  6.    "realName":"张梅",
  7.    "headUrl":"href=http://www.mamicode.com/‘teacherDetail.html‘",
  8.    "img":"src=http://www.mamicode.com/‘images/teacher.jpg‘",
  9.    "introduction":"热情大方。"
  10.    },{
  11.    "userId":2,
  12.    "realName":"张三",
  13.    "headUrl":"href=http://www.mamicode.com/‘teacherDetail.html‘",
  14.    "img":"src=http://www.mamicode.com/‘images/teacher.jpg‘",
  15.    "introduction":"热情大方。"
  16.    },{
  17.    "userId":3,
  18.    "realName":"李斯",
  19.    "headUrl":"href=http://www.mamicode.com/‘teacherDetail.html‘",
  20.    "img":"src=http://www.mamicode.com/‘images/teacher.jpg‘",
  21.    "introduction":"热情大方"
  22.    }
  23. ]
  24. }

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

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

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

获取json数据举例：

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

 


联系
我们