$.getJSON()的使用方法简介-创新互联

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

港南网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联建站2013年至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

json文件可以保存为“test.json”这样的文件

json数据的一般格式如下(“{ }”中的为对象,“[ ]”中的为数组)

{
"total":3,
"rows":[
  {
  "userId":1,
  "realName":"张三",
  "headUrl":"href='teaDetail.html'",
  "img":"src='p_w_picpaths/tea1.jpg'",
  "introduction":"热情大方。"
  },{
  "userId":2,
  "realName":"王五",
  "headUrl":"href='teaDetail.html'",
  "img":"src='p_w_picpaths/tea2.jpg'",
  "introduction":"热情大方。"
  },{
  "userId":3,
  "realName":"李四",
  "headUrl":"href='teaDetail.html'",
  "img":"src='p_w_picpaths/tea3.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('

' + data.rows[i].realName + '

');

 }

});

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:$.getJSON()的使用方法简介-创新互联
文章出自:http://pwwzsj.com/article/decgje.html