jquery-ajax未发布数据

Question

参考以下代码，此脚本不会将"limit“变量发送到下一页

我的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';
?>

每次我运行这个命令，我都会打印"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请求。更重要的是第二个，它是一个load-requests (不带任何参数的get-requests )。当然，打印结果的最后一个请求不包含任何参数，这就是打印"asd“的原因--没有设置限制！

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

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