簡體   English   中英

新的ajax滾動請求

[英]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插件!

http://jscroll.com/

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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM