ajax json 瀑布流

Ajax是一种前端技术，它可以使网页实现无刷新的数据更新。而Json是一种轻量级的数据交换格式，它可以代替XML来传输数据。瀑布流则是一种流式布局，它能够将页面上的图片等元素流式展示，形成一种瀑布流的效果。

在前端开发中，使用Ajax和Json来实现瀑布流效果是非常常见的。我们可以通过Ajax来异步请求数据，并将数据以Json格式进行传输。然后，我们可以在页面上进行数据的解析和渲染，最终实现瀑布流效果。

$.ajax({
  url: 'data.PHP',type: 'GET',data: {'page': page},dataType: 'json',success: function(data){
    // 数据解析和渲染
    for(var i=0; i<data.length; i++){
      var itemHtml = <div class="item"><img src="data[i].imgSrc" alt=""/></div>;
      $('.waterfall').append(itemHtml);
    }
  },error: function(){
    alert('请求失败！');
  }
});

上述代码是使用jQuery的Ajax来请求服务器端的数据，其中page是当前页数，data.length表示获取到的数据的数量。我们在success回调函数中进行数据解析和渲染，将获取到的图片以瀑布流的形式展示出来。

需要注意的是，在进行数据渲染时，我们需要将图片进行预加载，以免出现闪烁的情况。同时，瀑布流的效果也需要在页面大小改变时进行重新排列。

总之，Ajax和Json是前端开发中非常常用的技术，而瀑布流的效果也是很受欢迎的。它们的结合可以让我们更加方便地进行数据的异步请求和展示。