Pinterest风格瀑布流无限加载PHP实现代码片段+JS代码片段

本文是关于Pinterest风格瀑布流无限加载PHP实现代码片段+JS代码片段。一段代码，它从数据库中获取您的文章，并以流行的Pinterest 网站瀑布流风格构建它们，瀑布流基于Bootstrap。

在 Bootstrap 中激活 DIV 块并启动 Masonry 标记。

这是用于构建网格的现成的HTML代码块的示例。


   



						

							

								

				                
Edward Kelly
				                2 hours ago
							
							

								
							
						
						

							
Implementation of technologies to store unchangeable data based on specific.
							
						
						

							
1124
								
77
								
56
							
					




						

							

								

				                
Edward Kelly
				                2 hours ago
							
							

								
							
						
						

							
Implementation of technologies to store unchangeable data based on specific.
							
						
						

							
1124
								
77
								
56
							
					




						

							

								

				                
Edward Kelly
				                2 hours ago
							
							

								
							
						
						

							
Implementation of technologies to store unchangeable data based on specific.
							
						
						

							
1124
								
77
								
56
							




			

  

    
    
    
    
  
  
End of content
  
No more pages to load

  
                        
                    


 
  
 
 
{{title}}
  
 
 
1124
 
77
 
56
 
 

以下是向文件处理程序发出请求并显示块的 JS 脚本。

新建PHP文件resr.php，将以下内容加入到该文件

 PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
PDO::ATTR_EMULATE_PREPARES   => false,
];

$pdo = new PDO($dsn, $user, $pass, $opt);


$start = $_GET['page'];
$limit = $_GET['limit'];
$testst = $start * $limit;
$sth = $pdo->prepare("SELECT id, title, image_default FROM posts ORDER BY id DESC LIMIT $testst, 10");
$sth->execute();
$result = $sth->fetchAll();

echo json_encode($result);
?>

该PHP代码用于从数据库读取文章元数据，以 JSON格式输出。