封装好的：ajax.js

1 function ajax(url, fnSucc,fnFaild){ 2     //1【创建】 3     if(window.XMLHttpRequest){ 4         var oAjax = new XMLHttpRequest(); 5     }else{ 6         var oAjax = new ActiveXObject("Microsoft.XMLHTTP"); 7     }; 8      9     //2: 【连接】true:表示异步10     oAjax.open('GET',url,true);11     12     //3：【发送】13     oAjax.send();14     15     //4：【接受】16     oAjax.onreadystatechange = function(){17         18         //判断浏览器操作到哪一步19         if(oAjax.readyState == 4){
   //4：读取完成20             if(oAjax.status==200){21                 fnSucc(oAjax.responseText);22             }else{23                 if(fnFaild){24                     fnFaild(oAjax.status);25                 }26             }27             28         }29     }30 }

结构与js代码：

1   2   3 
       8       9         
      10          11         
      12         
      13          14          95      96  97      98         
     
       99             
      
       100             
      
101         
     
102         146     147 148 

json数据

{

    "tab":[

        {

            "title":"新闻",

            "image":"image/img0.jpg",

            "descript1":"中国焦虑障碍患病率为4.98% 患病率为何在上升？",

            "descript2":"病床上敬礼交警病逝，4岁女儿被确诊急性白血病",

            "descript3":"小伙200天穷游50多个城市 剃光头发在寺庙当义工",

            "descript4":"过半白领午餐吃快餐和外卖 凭“颜值“判断食物好坏"

        },

        {

            "title":"娱乐",

            "image":"image/img1.jpg",

            "descript1":"《变形金刚》宇宙要来了！《大黄蜂》定档明年6月",

            "descript2":"《傲娇与偏见》主演亮相本周《快乐大本营》",

            "descript3":"张杰《歌手》玩融合曲风 再展人声吉他高音",

            "descript4":"同样的事张馨予做遭骂 baby却获赞"

        },

        {

            "title":"军事",

            "image":"image/img2.jpg",

            "descript1":"西方耍赖皮坑中国 今天：我们告定欧盟",

            "descript2":"此人到访中国 印总理莫迪暴跳如雷",

            "descript3":"美版“知乎“:为什么老外去中国后都不想走?",

            "descript4":"不怕中国报复 韩叫嚣外国游客很多"

        }

    ]

}