0

这是我的 jQuery

$('#banner').click(function (){
            $('#dropdown_c').toggle();

            //ajax request
        function recall(){ setTimeout(function () {  

                xmlhttp = new XMLHttpRequest();

                xmlhttp.open("GET", "http://localhost/ajax/not_data.php", true);

                xmlhttp.onreadystatechange = function () {

                        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                                document.getElementById('dropdown_c').innerHTML = xmlhttp.responseText;
                            }       
                    }

                xmlhttp.send();
                document.getElementById('dropdown_c').innerHTML = "<img class='non_auto' id='ajax_loading' src='img/ajax_loading.gif'></img>";

                recall();

                }, 2000);
            }; 

                recall();

                function yHandler () {

当用户滚动 div...

            var dropdown_c = document.getElementById('dropdown_c');
            var contentHeight = dropdown_c.offsetHeight;
            var yOffset = window.pageYOffset;
            var y = yOffset + window.innerHeight;

            if(y >= contentHeight) {
                //new ajax request
                }
            }
            var dropdown_c = document.getElementById('dropdown_c');
            dropdown_c.onscroll  = yHandler;
    });

每次用户向下滚动时如何调用新的 ajax 请求？

这是 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;
}
?>

names每次用户向下滚动时，我想调用一个新的 ajax 请求并从表中获取一个新名称

4

1 回答 1

1

为此，您可以使用 .scroll。这将在每个滚动事件之后被调用。

  $(window).scroll(function() {
     $.ajax({
        type: "GET",
        url: "not_data.php",
        data: dataString,
        success: function(res){
            alert(name);
        }
    });
  });
于 2013-09-24T12:50:58.397 回答