Question

请参阅以下代码，此脚本不会将“限制”变量发布到下一页

我的JS代码：

$(document).ready(function(){
         $(window).scroll(function() {
                    if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
                       var dataString="2";
                       $.ajax({
                          type:"POST",
                          url: "load_data.php",
                          data: { 'limit': dataString },
                          success:function(data) {
                             $('#leftNews').load('load_data.php'); 
                          }
                       });
                    }
         }); 
});

PHP代码

<?php
    if(isset($_POST['limit'])) {
        echo $_POST['limit'];
    }
    else echo 'asd';
?>

Everytim我运行这个我得到“asd”打印

Answer 1

那是因为你正在加载PHP页面，而不是加载结果。

$(document).ready(function() {
    $(window).scroll(function() {
        if ($('body').height() <= ($(window).height() + $(window).scrollTop())) {
            var dataString = "2";
            $.ajax({
                type: "POST",
                url: "load_data.php",
                data: {'limit': dataString},
                success: function(data) {
                    $('#leftNews').html(data);
                }
            });
        }
    });
});

Answer 2

您发出两个不同的ajax请求。第一个是带有限制变量集的POST请求。更重要的是第二个，它是一个加载请求（这是一个没有任何参数的get-requests）。当然，你打印出结果的最后一个请求不包含任何参数，这就是打印“asd”的原因 - 没有设置限制！

为了获得想要的结果，您应该将其更改为：

success:function(data) {
    $('#leftNews').html(data);
}

jquery-ajax没有发布数据

2 个答案: