将javascript变量传递给php而不刷新页面

我有一个 5x5 网格的 div 框（其中 25 个），当我将一个项目放入其中时，我使用 jQuery UI 进行注册。它将收到它所放入的盒子的标题和项目的名称，该部分起作用。

我想将标题和名称传递给 PHP，而不刷新页面（因为这样项目将重置）。我得到了“成功！”但似乎没有传递数据。

索引.php

<script>
    $(function() {
        $( "li img" ).draggable({ 
            snap: ".grid", 
            start: function (event, ui ) {
                item = $(this).attr('title');
            }
        });
        $( "li .grid" ).droppable({
            drop: function( event, ui ) {
                box = $(this).attr('title');
                $.ajax({
                    type: "POST",
                    url: 'index.php',
                    data: { box : 'box' },
                    success: function(data){
                        alert("success!");
                    }
                });

            }
        });
    });        
</script>

会话.php

<?php
   session_start();
if(isset($_POST['box']))
{
   // store session data
   $_SESSION['box'] = $_POST['box'];
}
   //retrieve session data
   echo $_SESSION[box];
?>

如何在不刷新页面的情况下将标题和名称传递给 PHP？

尝试改变url和你的data由此：

url: 'index.php',
data: { box : 'box' }

to this:

url: 'sessions.php',
data: { box : box }