原生ajax瀑布流demo分享 必看篇

2022-09-20 23:09:16 字數 465 閱讀 1220

最近聽朋友們說起瀑布流挺多的,自己就去研究下了,乙個簡單的原生demo,分享給大家...

簡單分為三個文件,有詳細的注釋:img;ajax.php;demo.php

其中img資料夾中放入 1.jpg;2.jpg;3.jpg....

ajax.php頁面

<?php   //模擬從資料庫讀取資料

$arr = array();

$op = opendir('./img'); //開啟目錄

//迴圈讀取目錄

while (($file = readdir($op)) !== false)

$arr = $file;

} closedir($op); //關閉目錄

echo json_encode($arr);

demo.html頁面

瀑布流本文標題: 原生ajax瀑布流demo分享(必看篇)

本文位址:

原生ajax瀑布流demo

最近聽朋友們說起瀑布流挺多的,自己就去研究下了,乙個簡單的原生demo,分享給大家.簡單分為三個文件,有詳細的注釋 img ajax.php demo.php 其中img資料夾中放入 1.jpg 2.jpg 3.jpg.ajax.php頁面 模擬從資料庫讀取資料 arr array op opend...

原生ajax分享

最近被大佬問了乙個很有趣的問題,你還能手打出乙個ajax嗎?我當時的想法是有現成的為什麼要自己打,後來我反思了一下 只有靠自己才是強者 在這裡給大家分享乙個我自己打的ajax,也是自己的乙個知識點的記錄。後台互動ajax方法 引數1 集合 代表和後台互動的所有資料 function ajax obj...

ajax瀑布流例項

瀑布流 效果分為兩類 接下來我們主要針對第一種固定列數的情況進行詳細的說明 接下來我主要介紹的是第一種方式 原理 通過ajax從後台獲取資料,然後利用dom操作新增到頁面中。並且每次新增的時候將新增到li高度最小的上面,當滾動條滾動的距離與頁面可視區距離之和大於li高度最小的高度與其頂部到body頂...