如何使用JQUERY对不刷新页面的PHP循环进行排序

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$data = array("Apple", "Banana", "Orange");
foreach ($data as $item) {
    echo "<div class='sortable-item'>$item</div>";
}

<div id="sortable-list">
    <!-- PHP生成的可排序元素将会在这里显示 -->
</div>

<script>
$(function() {
    $("#sortable-list").sortable();
});
</script>

<script>
$(function() {
    $("#sortable-list").sortable({
        update: function(event, ui) {
            var sortedItems = $(this).sortable("toArray");
            // 将排序后的元素顺序发送到服务器进行处理
            $.ajax({
                url: "sort.php",
                method: "POST",
                data: { sortedItems: sortedItems },
                success: function(response) {
                    // 处理服务器返回的响应
                }
            });
        }
    });
});
</script>