jQuery $ .ajax成功但serv没有收到任何数据

Question

I work on a pagination system that wouldn't reload the whole page but just refresh the contents. I retrieve the requested page with the value contained in a ID and want to send it to the server for the process.

The success is reached but my php script does not recognize the $_POST['page'] value. Here is the JS:

    $(document).ready(function()
{
    $('#containerWrapper').on('click', '.holder a', function (event) {

        var page = $(this).attr('id');
        var url = "cart.php";
        event.preventDefault();

        // Launch of the Ajax query to refresh the current page
        $.ajax({
            url: "cart.php",
            type: "POST",
            data: {page: page},
            success: function()
            {
                alert('Success, delivered page: ' + page);
                $('#containerWrapper').load(url + " #containerWrapper");
            }
        }); 
    });
});        

Here the PHP, which i think isn't the real problem:

if (isset($_POST['page']) && ($_POST['page'])>0 && ($_POST['page'])<= $nbPages)
    {
        $cPage = htmlspecialchars($_POST['page']);
    }    

I've ready many topics but haven't found any relative problem for the now.

Answer 1

You really have too much code, it is not necessary for your purposes to bury a load() statement in an AJAX call. You could simply do this -

$(document).ready(function(){
    $('#containerWrapper').on('click', '.holder a', function (event) {
        event.preventDefault();
        var url = "cart.php";
        var page = $(this).attr('id');
        $('#containerWrapper').load(url + " #containerWrapper", {page: page});
    }); 
});

load() does allow you to send data to the requested page via a second arguement.