如何通过Ajax将数据发送到页面，然后立即查看该数据？

Question

所以我知道如何编写Ajax代码，但就数据流方式和页面结构而言，我只是不知道如何在项目中使用它。因此，我正在构建一个应用程序。我用1个列表和添加任务的功能在普通的PHP中完成了工作。现在，我尝试使用多个列表。当然还要根据单击的列表来更新内容。到目前为止，这是我的代码：

function ajax_Request(list){ 
    let xhr = new XMLHttpRequest();
    xhr.open("GET", 'index.php?name=' + list);
    xhr.send();
    xhr.onreadystatechange = function() {
         if(xhr.readyState === 4 && xhr.status === 200) {
             window.location.href = 'http://localhost:8888/index.php?name=' + list;

         }
    }
}

数据是通过GET发送的，但是当我重定向到页面时，它会被删除，因此idk如何考虑它。我在以前的测验应用程序中遇到了类似的问题。