Javascript 当滚动到底部且返回数据消失时,滚动检测乘法
在底部的滚动检测乘法和返回数据,它首先来,然后在下一个滚动消失,但我已经把它的附加情况。我想显示时间线,以便在向下滚动时从数据库中获取数据。它带有“开始输入隐藏”的值。它去告诉数据库显示那个记录。但scroll会先在scroll上检测乘法,然后再在scroll上进行追加,以显示记录发送的起始值Javascript 当滚动到底部且返回数据消失时,滚动检测乘法,javascript,jquery,ajax,Javascript,Jquery,Ajax,在底部的滚动检测乘法和返回数据,它首先来,然后在下一个滚动消失,但我已经把它的附加情况。我想显示时间线,以便在向下滚动时从数据库中获取数据。它带有“开始输入隐藏”的值。它去告诉数据库显示那个记录。但scroll会先在scroll上检测乘法,然后再在scroll上进行追加,以显示记录发送的起始值 function yHandler(){ // Watch video for line by line explanation of the code // http://www.you
function yHandler(){
// Watch video for line by line explanation of the code
// http://www.youtube.com/watch?v=eziREnZPml4
var wrap = document.getElementById('midcontent');
var contentHeight = wrap.offsetHeight;
var yOffset = window.pageYOffset;
var y = yOffset + window.innerHeight;
if(y > contentHeight){
var start = document.getElementById("start").value;
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "loadtimeline.php";
//var cityval = document.getElementById("city").value;
var vars = 'start='+start;
//"fullname="+fullname+"email="+email&+"password="+password&+"purpose="+purpose&+"agencyname="+agencyname&+"country="+country&+"city="+city;
hr.open("POST", url, true);
// Set content type header information for sending url encoded variables in the request
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
//Add Class
var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementById("datapost").appendChild(iDiv);
// Now create and append to iDiv
var innerDiv = document.createElement('div');
innerDiv.className = 'block-2';
theParent = document.getElementById("datapost");
theKid = document.createElement("div");
theParent.appendChild(theKid);
var var1 = document.getElementById("start").value;
var var2 = 10;
var var3 = Number(var1) + Number(var2);
//var var3 = +var1 + +var2
//var3 = parseInt(var1,10) + var2;
document.getElementById("start").value=var3;
var return_data = hr.responseText;
//document.getElementById("datapost").innerHTML = return_data;
theParent.innerHTML = return_data;
}
}
// Send the data to PHP now... and wait for response to update the status div
hr.send(vars); // Actually execute the request
//document.getElementById("wrap").innerHTML = "";
// Ajax call to get more dynamic data goes here
//wrap.innerHTML += '<div class="newData"></div>';
}
var status = document.getElementById('status');
status.innerHTML = contentHeight+" | "+y;
}
window.onscroll = yHandler;
函数yHandler(){
//观看视频,逐行解释代码
// http://www.youtube.com/watch?v=eziREnZPml4
var wrap=document.getElementById('midcontent');
var contentHeight=wrap.offsetHeight;
var yOffset=window.pageYOffset;
变量y=yOffset+window.innerHeight;
如果(y>内容高度){
var start=document.getElementById(“start”).value;
//创建XMLHttpRequest对象
var hr=新的XMLHttpRequest();
//创建一些我们需要发送到PHP文件的变量
var url=“loadtimeline.php”;
//var cityval=document.getElementById(“城市”).value;
var vars='start='+start;
//“fullname=“+fullname+”email=“+email&+”password=“+password&+”purpose=“+purpose&+”agencyname=“+agencyname&+”country=“+country&+”city=“+city;
hr.open(“POST”,url,true);
//设置用于在请求中发送url编码变量的内容类型标头信息
hr.setRequestHeader(“内容类型”、“应用程序/x-www-form-urlencoded”);
//访问XMLHttpRequest对象的onreadystatechange事件
hr.onreadystatechange=函数(){
如果(hr.readyState==4&&hr.status==200){
//添加类
var iDiv=document.createElement('div');
iDiv.id='块';
iDiv.className='block';
document.getElementById(“datapost”).appendChild(iDiv);
//现在创建并附加到iDiv
var innerDiv=document.createElement('div');
innerDiv.className='block-2';
theParent=document.getElementById(“datapost”);
theKid=document.createElement(“div”);
父母的孩子(孩子);
var var1=document.getElementById(“开始”).value;
VarVar2=10;
var var3=数字(var1)+数字(var2);
//var var3=+var1++var2
//var3=parseInt(var1,10)+var2;
document.getElementById(“开始”).value=var3;
var return_data=hr.responseText;
//document.getElementById(“datapost”).innerHTML=返回\u数据;
theParent.innerHTML=返回\u数据;
}
}
//立即将数据发送到PHP…并等待更新status div的响应
hr.send(vars);//实际执行请求
//document.getElementById(“wrap”).innerHTML=“”;
//这里是获取更多动态数据的Ajax调用
//wrap.innerHTML+='';
}
var status=document.getElementById('status');
status.innerHTML=contentHeight+“|”+y;
}
window.onscroll=yHandler;
用于发送start值的HTML为:
数据将返回到div名称中: PHP查询是:
<?php
if(isset($_POST['start'])){
$start = $_POST['start'];
$limit = 10;
//Wall Post
$wallpostQuery = $db->query("SELECT * FROM `timeline` WHERE `onwall`='".$Record['id']."' ORDER BY id DESC LIMIT $start, $limit");
}
}
?>
发送start值的HTML是:数据将返回到div名称中:我想检测我是否移动鼠标滚轮或向下滚动它只检测一次滚动到底部并开始输入以获得值10它需要20、30、40它检测到向下滚动几次。