javascript - 使用 AngularJS 将 JSON 数据保存到服务器 - 在页面刷新时消失

Question

我正在使用 AngularJS 编写单页网络应用程序。它包括一个表，其中包含从服务器上的 JSON 文件中提取的数据。我正在使用 $http 服务进行 $http.get() 调用以从该文件中填充表格。

页面上还有一个用于向表中添加数据的表单。我正在使用 $http.post() 将表单中的数据添加到 JSON 文件(这看起来工作正常，因为我的 .success() 回调在 post 调用之后运行制作)。

但是，每当我刷新页面时，我发现我应该发布的数据并没有显示在表格中。 $http 请求是否不足以将数据永久保存到文件中？

更新:

我的 $http.post() 不能正常工作。我的 JSON 文件在发布请求后永远不会更新。不知道为什么。见以下代码:

$scope.postNewJob = function(newJob) {
    $http.post('json/jobList.json', newJob)
        .success(function(data) {
            console.log(data);

        })
        .error(function(data,status,error,config) {
            alert("Error: "+error+" Post to server failed.\nStatus: "+status);
        });
};

Answer 1

我假设您正在将数据正确保存到服务器，问题是正在缓存对 JSON 数据的 GET 请求。要绕过它，您可以使用查询字符串参数来破坏缓存或在服务器上设置适当的无缓存 header 。

$http({
    url: '...',
    params: { 'ts': new Date().getTime() }
})