首页 > 代码库 > 数据交互笔记
数据交互笔记
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
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 }
数据交互笔记
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。