数据调取归整-2

ajax,jsonp调取信息方式:

$(function(){
  // $("#t310").prepend(classCourse(310))
})
/* 课程 */
// http://bj.xdf.cn/school/categoryClassjsonp?categoryCode=186&one=310&size=4&count=4
function classCourse(id_,id,dom,cout){
  $.ajax({
      type:'get',
      url:"http://bj.xdf.cn/school/categoryClassjsonp?categoryCode="+id_+"&one="+id+"&size="+cout,
      dataType:"jsonp",
      jsonp: "callback",
    // jsonpCallback:"soukecourse",
      success:function(data){
          // console.log(data)
          var classCode=data;
          var detail='';
          var now_date=new Date().Format("yyyy-MM-dd");;
          now_p_date=parseInt(now_date.replace(/-/g,''),10);
          for(var i=0;i<classCode.length;i++){
              if(parseInt(classCode[i].startdate.substr(0,10).replace(/-/g,''),10)<now_p_date){
                  continue;
              }
              detail+='<tr><td>'+classCode[i].classname+'</td><td>'+classCode[i].startdate.substr(0,10)+'</td><td>'+classCode[i].classtimes+'次课'+'</td><td>'+classCode[i].price+'元</td><td class="boder-r"><a href="'+classCode[i].soukeline+'" target="_blank">免费了解课程</a></td></tr>'

          }
          if(detail!==''){
              // $('.kc-cont').find('tbody:first').prepend(detail);
              $("#"+dom).prepend(detail)
          }
          // console.log(detail)
          // return detail;
         

      },error:function(){
          alert("网络异常")
      }

  })
}
classCourse(186,310,'t310',4);
classCourse(186,325,'t325',6);
classCourse(186,326,'t326',5);
classCourse(186,327,'t327',5);
classCourse(186,328,'t328',5);
classCourse(186,318,'t318',4);
classCourse(186,315,'t315',4);
classCourse(186,316,'t316',4);

Date.prototype.Format = function (fmt) { //author: meizz   
  var o = {  
      "M+": this.getMonth() + 1, //月份   
      "d+": this.getDate(), //日   
      "H+": this.getHours(), //小时   
      "m+": this.getMinutes(), //分   
      "s+": this.getSeconds(), //秒   
      "q+": Math.floor((this.getMonth() + 3) / 3), //季度   
      "S": this.getMilliseconds() //毫秒   
  };  
  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));  
  for (var k in o)  
  if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));  
  return fmt;  
}  

// 校区信息调取

function schoolAdress(){
    $.ajax({
        type:'get',
        url:'http://bj.xdf.cn/school/yasixuexi.html',
        dataType:'jsonp',
        jsonp:'callback',
        success:function(data){
            var address=data.schoolMap;
            // console.log(data)
            var deta1='';
    
            
            for(attr in address){
                for(var i=0;i<address[attr].length;i++){
                    // console.log(address[attr][i].school_name)
                    deta1+='<li><span>'+address[attr][i].school_name+'</span><p><a href="http://bj.xdf.cn/school/schoolDetail_'+address[attr][i].school_id+'" target="_blank">'+address[attr][i].school_address+'</a></p></li>';
                }
               
            }

            // console.log(obj,obj2)
            if(deta1!==''){
                $('.ul_lef').prepend(deta1)
                
            }

        }
    })
}
schoolAdress();

使用轮播插件调取信息时注意,插件的加载顺序,否则插件的功能不可用,在success函数中调取成功之后再加载插件


  <script src="http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $.ajax({
        type:'get',
        url:"http://new.bj.xdf.cn/teacher/index.php?s=/api/index/getTjTeacher/part/2/num/8",
        dataType:"jsonp",
        jsonp: "callback",
        success:function(data){
          var item='';
          var datademo=data;
          // console.log(datademo);
          for(var i=0;i<datademo.length;i++){
                      item+='<div class="item"><img src="http://new.bj.xdf.cn/teacher/'+datademo[i].big_img+'" alt=""><div class="detail"><p class="p1">'+datademo[i].teachername
              +'</p><p class="p2">教授课程:'+datademo[i].souke_course+'</p><p class="p3">毕业院校:'+datademo[i].experience+'</p></div></div>'
          }
          if(item!==''){
            $('#owl-demo').prepend(item);
            showd();
          }
        }
      })
      function showd(){
        $("#owl-demo").owlCarousel({  
            items: 4,
            loop: true,
        });
      }
      
    })
  </script>
  <script src="js/owl.carousel.js"></script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回...
    幸宇阅读 433评论 0 0
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,065评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,846评论 25 708
  • 爱情有保鲜期,婚姻有七年之痒。 再娇艳的花也有枯萎的时候,再多的话也有说尽的时候,再多激情也有消退的时候。 持久的...
    裕文书屋阅读 469评论 0 4
  • 很久之前听过这样的一句话: “受伤,这种事是有的—但是你要保持一个完完整整不受伤的自己做什么用呢?” ...
    _山枕檀痕涴_阅读 196评论 0 2