[英]new ajax request on scroll
這是javascript
$(window).scroll(function() {
$.ajax({
type: "GET",
url: "not_data.php",
data: dataString,
success: function my_func () {
//show new name
}
});
});
這不是not_data.php
<?php
$name_query=mysql_query("SELECT name FROM names");
while($run_query = mysql_fetch_assoc($name_query)) {
$name = $run_query['name'];
echo $name;
}
?>
每當用戶向下滾動時,我想調用一個新的ajax請求並從表名稱中獲取一個新名稱
看看這個出色的jquery插件!
jScroll是Philip Klauzinski編寫的用於無限滾動的jQuery插件。 無限滾動; 也稱為延遲加載,無限滾動,自動翻頁,無限頁面等; 是向下滾動時通過AJAX在當前頁面或內容區域內加載內容的功能。 每當您滾動到現有內容的末尾時,都可以自動加載新內容,也可以通過單擊現有內容末尾的導航鏈接來觸發其加載。
創建參數以檢查加載狀態; 綁定到滾動事件得到兩個參數
var top = $(this).scrollTop();
var height = $(this).height();
檢查滾動高度
if (elHeight - top - height <= 50)
其中elHeight-所有元素的高度
當它是真的,你的查詢
檢查是否到達底部並加載更多(發送ajax調用)
var win = $(window),
doc = $(document);
win.scroll(function(){
if( win.scrollTop() > doc.height() - win.height() ) {
$.ajax({
type: "GET",
url: "not_data.php",
data: dataString,
success: function my_func (name) {
$('<span>').html(name).appendTo('body')
}
});
}
});
嘗試這樣。
$(window).scroll(function() {
if( $(window).scrollTop() == $(document).height() - $(window).height()) {
$.ajax({
type: "GET",
url: "not_data.php",
data: dataString,
success: function (res) {
// new name will be available in 'res' you can display in what way you like.
}
});
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.