如何在不刷新页面的情况下将数据从 ajax 远程请求附加到

$.ajax({
    type: "GET",
    url: url + "/data",
    dataType: 'json',
    beforeSend: function(xhr) {
        xhr.setRequestHeader('Authorization', token)
    },
    success: function(data){
        if (data[0].err) {
            $("#data").append(data[0].err);
        }
        else {
            localStorage.setItem("localdata", data[0].status);
            $("#data").append(data[0].status);
        }
    }
});

我正在设计一个单页混合HTML5应用程序，在上面的代码中，一切正常，但数据仅在页面刷新时显示。如何在不刷新页面的情况下显示数据。

以上只是一个示例代码。我有一个单独的div 用于登录和仪表板，登录后，它会获取远程数据并重定向到仪表板div(单页应用程序(，但数据没有显示，而是空白。但是在刷新页面时，它会显示出来。

谢谢。