关于json语句的相关用法

json语句:

JSON 值可以是:

数字(整数或浮点数)字符串(在双引号中)逻辑值(true 或 false)数组(在中括号中)对象(在大括号中)null

对于json的的对象数组:var sites = [ { "name":"runoob" , "url":"m.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ];

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>第一个网站名称: <span id="name1"></span></p> 
<p>第一个网站修改后的名称: <span id="name2"></span></p> 

<script>
var sites = [
    { "name":"runoob" , "url":"www.runoob.com" }, 
    { "name":"google" , "url":"www.google.com" }, 
    { "name":"微博" , "url":"www.weibo.com" }
];

document.getElementById("name1").innerHTML=sites[0].name;
// 修改网站名称
sites[0].name="菜鸟教程";
document.getElementById("name2").innerHTML=sites[0].name;
</script>

</body>
</html>

对应的运行结果如下:

 

 

Array 对象方法
方法    描述
concat()    连接两个或更多的数组,并返回结果。
join()    把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()    删除并返回数组的最后一个元素
push()    向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()    颠倒数组中元素的顺序。
shift()    删除并返回数组的第一个元素
slice()    从某个已有的数组返回选定的元素
sort()    对数组的元素进行排序
splice()    删除元素,并向数组添加新元素。
toSource()    返回该对象的源代码。
toString()    把数组转换为字符串,并返回结果。
toLocaleString()    把数组转换为本地数组,并返回结果。
unshift()    向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()    返回数组对象的原始值

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>');
   }
});
jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )返回: jqXHR
描述: 使用一个HTTP GET请求从服务器加载JSON编码的数据。

添加的版本: 1.0jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
url
类型: String
一个包含发送请求的URL字符串
data
类型: PlainObject or String
一个普通的对象或字符串,用来发送请求给服务器。
success
Type: Function( PlainObject data, String textStatus, jqXHR jqXHR )
当请求成功后执行的回调函数。

 

posted @ 2020-03-08 22:16  喜欢爬的孩子  阅读(813)  评论(0编辑  收藏  举报