那么要如何才能和后台进行连接呢,我想达到把MySQL数据库的信息在加载的时候显示的效果

来源:2-5 onscroll事件实现瀑布流布局的图片加载功能

KingZero00

2016-04-01 23:07


 window.onload = function(){

     waterfall('main','box');

     var dataInt = {"data":[{"src":'P_00.jpg'},{"src":'P_01.jpg'},{"src":'P_03.jpg'}]}  

     

       window.onscroll = function(){

         if(checkScroll()){

          var oParent = document.getElementById('main');

          for(var i=0;i<dataInt.data.length;i++){


             var oBox = document.createElement("div");

              oBox.className = "box";

              oParent.appendChild(oBox);


             var oPic = document.createElement("div");

             oPic.className = "pic";

              oBox.appendChild(oPic);


              var oImg = document.createElement("img");

              oImg.src = "images/"+dataInt.data[i].src;

              oPic.appendChild(oImg);

          }

          waterfall('main','box');


         }


       }

   }  


写回答 关注

1回答

  • 慕妹5044199
    2016-04-02 18:55:12

    那至少要会一个后端语言,比如PHP。用PHP写个API,调用此API时返回你所要的信息!

    Jiaogu... 回复KingZe...

    先看看ajax,再学学php,不然写了也看不懂

    2016-04-18 17:44:42

    共 2 条回复 >

瀑布流布局

瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式

97755 学习 · 736 问题

查看课程

相似问题