如何将ajax远程请求中的数据附加到<div>而不刷新页面</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调用。