windswaterflow 瀑布流 加载多次重复数据

运用瀑布流的时候,当页面滚轴,在屏幕下方的时候,刷新页面,会出现加载多次重复数据,的问题.

 

分析下问题.

 

console.log("start 1")

//js code 

// $.getJSON

console.log("start 2")

//js code

console.log("start 3")

 

大家可以做个试验

 

会打印出来, 

start 1

start 3

start 2

 事实上在执行getJson 的时候,只是触发了这个事件,但是没有等到事件执行完,就执行了下面的方法,从而导致的,连续多次执行.

 

 

JQuery 里面 的Ajax 有这个方法

 

asyncBoolean(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

 

 

 

 解决方法如下:

用Jquery Ajax  一定要 加上 async:false

console.log("")  //测试数据

$.ajax({  //目的,为了,让ajax 执行后,再执行下面的方法
                    url: param.ajaxServer,
                    data: postPara,
                    async: false, //锁住浏览器,执行完毕后执行后面的方法
                    success: function (dat) {

                       var data = eval("("+dat+")");
                   　　//Code
                    }
            });