zoukankan      html  css  js  c++  java
  • $.getJSON( )的使用方法简介

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

    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>');
       }
    });
  • 相关阅读:
    Three.js 类的粗略总结和实现
    JavaScript方法
    JavaScript 继承和数组
    JavaScript 函数
    操作系统之堆和栈的区别
    第十二章 动态内存
    第十三章-第六小节-对象移动
    第十五章 面形对象程序设计
    动态建树和静态建树
    高斯消元整数版和浮点数版实现
  • 原文地址:https://www.cnblogs.com/grj001/p/12225566.html
Copyright © 2011-2022 走看看