jquery

JSON 指的是JavaScript对象表示法,当我们建立一个JSON文件时,利用$.getJSON()调用。

 $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用。

      $.getJson()本身是异步操作的方法,需要经过设置才能够同步。因为是异步问题,当我们调用文件时,$.getJSON()根本没有执行,所以在方法下在保存,或者把$.getJSON()提到方法前面。

$.getJSON( url [, data ] [calldata ] )

下面来介绍下各个参数:

url:它是一个字符串一个包含发送请求的URL字符串。

data:一个普通的对象或字符串,用来发送请求给服务器。

calldata当请求成功后执行的回调函数(函数也可以作为参数传递给另外一个函数,这个作为参数的函数就是回调函数)

 需要注意的是:所有属性名称必须加双引号,所有字符串值也必须加双引号(而不是单引号)。

举例说明:建一个goods_list.json文件

[{ "name": "可口可乐", "price": "3", "unit": "瓶"},
{ "name": "雪碧", "price": "3", "unit": "瓶"},
{ "name": "苹果", "price": "5.5", "unit": "斤"},
{ "name": "荔枝", "price": "15", "unit": "斤"}]
 用
$.getJSON("goods_list.json",function (data){
action (data)
})
 function(data),就是JSON的回调函数。
function addClickEvent(){  
   $.getJSON("../js/goods_list.json",function(list){    //info为从goods_list.json文件里获取到的数据  
       var Name=JSON.parse(localStorage.getItem("Name"))||[ ];  
       $(".button").click( function(){  
          action();//你想要的操作  
       }) ;
   });  
}
 

相关推荐