数据交互笔记

1.模拟json数据时需要注意：

    a> 属性名称 要用双引号  

    b>在引用数据时候，要用$.parseJSON(data)    c>遍历data时，用$.each(data , function(index,val){});

2.定义数据里如果是一组相同功能的列表，可以用数组方式，例如[{},{},{}]

　定义数据里如果有不同功能的组合时（如下面代码）{"a" : 1111 , "b": 2222 , "c":[{},{},{}]}

3.a>$.ajax 请求的是http xml, 同步的(等待数据加载完后再执行代码)时候可以用async: false

   b>当数据格式为jsonp时，是通过<script>请求数据，如果想同步要在成功的回调中去执行代码。

　c> 数据存在跨域时，dataType要设置为jsonp 

d> 如果dataType:'jsonp'时，数据格式要test({"html": '111111'})

 1 var aaa ={
 2     init: function(){
 3         var self = this;
 4         self.getData(function(){
 5             //执行数据加载完后的相关代码
 6         });
 7     },
 8     getData: function(callback){
 9         var self = this;
10         $.ajax({
11             type: 'GET',
12             url: '',
13             dataType: 'jsonp',
14             async: false,
15             success: function(data){
16                 callback();
17             }
18     }
19 }

 

 

/**************数据格式例子******************/

 1 {
 2     "coverpic" : "http://123.103.23.79/wyw/calendar/images/cover-top.png",
 3     "monthpic" : "http://123.103.23.79/wyw/calendar/images/month-img.png",
 4     "inner" : [{
 5         "type" : "cate",
 6         "spic" : "http://123.103.23.79/wyw/calendar/images/img01.jpg",
 7         "bpic" : "http://123.103.23.79/wyw/calendar/images/img01.jpg",
 8         "date" : "2014-11-14",
 9         "title": "购物1别吃寿司了日本还有更好吃的东西呢",
10         "desc" : "别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢"
11     },{
12         "type" : "sense",
13         "spic" : "http://123.103.23.79/wyw/calendar/images/img04.jpg",
14         "bpic" : "http://123.103.23.79/wyw/calendar/images/img001.jpg",
15         "date" : "2014-11-15",
16         "title": "购物1别吃寿司了日本还有更好吃的东西呢",
17         "desc" : "别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢"
18     },{
19         "type" : "event",
20         "spic" : "http://123.103.23.79/wyw/calendar/images/img02.jpg",
21         "bpic" : "http://123.103.23.79/wyw/calendar/images/img02.jpg",
22         "date" : "2014-11-16",
23         "title": "购物1别吃寿司了日本还有更好吃的东西呢",
24         "desc" : "别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢别吃寿司了日本还有更好吃的东西呢"
25     }]
26 }

 

posted @ 2014-12-12 18:51  vivi.wang  阅读(140)  评论(0)  编辑  收藏  举报