如何在不刷新页面情况下将数据从ajax远程请求追加到<div>

Question

$.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(单页应用程序)，但数据不显示，而是空白。但在刷新页面时，它会显示出来。

谢谢。

Answer 1

我猜这与授权和服务器端脚本有关。尝试从服务器端脚本中删除auth限制以对其进行测试。另外，您可以尝试在第一个调用的success方法中运行第二个AJAX调用。