Question

问题的完整修订

由于这个问题已演变成完全不同的东西，我认为如果我再次从头开始解释现状，那将是最好的。

我正在尝试使用Node，Express，MongoDB和Angular创建一个简单的留言板。

我有一个get和post函数，它似乎在服务器端正常工作，我没有错误，我的数据被添加到数据库/从数据库中检索。

问题在于我的客户端getMessages（）函数。

在正常情况下，我想在网站初始化时调用getMessages（），并在发布消息后。但为了简单起见，我创建了一个按下按钮时调用“getMessages（）”的按钮。

第一次按下此按钮时，会发出GET请求并检索我的所有消息并显示在视图中。

但是当我发布消息并再次点击'get-messages-button'时，没有发出新的GET请求，并且该函数返回旧列表（用第一个，唯一的，GET检索的那个） - 请求）

我已经被困在这3天了，我真的无法理解我做错了什么。正在调用getMessages（）函数，但似乎它从某个地方的第一个GET请求中存储了'response.data'并立即返回相同的数据，而没有机会发送新的GET请求。

的代码：

控制器

(function() {
'use strict';

angular
.module('app')
.controller('MainController', mainController);

function mainController(navigationFactory, $http, $timeout, apiFactory, $scope) {

    var that = this; // jshint ignore: line

    function init() {
        //that.getMessages();
    }

    that.getMessages = function() {
        return apiFactory.getMessages().then(function(messages) {
            that.messages = messages;

        });
    }

    that.postMessage = function() {

        apiFactory.postMessage(that.message).then(function(response) {
            console.log('Posted from controller', response);               
        }).catch(function(e) {
            console.log(e);
        });

    }

    init();   
}
})();

服务

(function() {
'use strict';

angular
    .module('app')
    .factory('apiFactory', apiFactory);

function apiFactory($interval, $localStorage, $sessionStorage, $http) {

    var factory = {};

    factory.postMessage = function(message) {
        return $http.post('http://localhost:5000/api/message', {msg: message}).then(function(response) {
                return response;
        });       
    }

    factory.getMessages = function() {
        var promise = $http.get('http://localhost:5000/api/message').then(function(response) {
                console.log('data:', result.data); //Immediately returns old list without sending new GET request
                return response.data;
        });    

        return promise;        
    }

    return factory;
}

})();

Server.js （以防无论如何它都是我的服务器端代码）

var express = require('express');
var bodyParser = require('body-parser');
var mongoose = require('mongoose');


var Message = mongoose.model('Message', {
    msg: String
});
var app = express();


app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Content-Type, Authorization");
    next();
})

app.get('/api/message', GetMessages);

app.post('/api/message', function(req, res) {
    console.log(req.body);

    var message = new Message(req.body);
    message.save(function(err) {
        if(err) {
            console.log(err);
        } else {
            res.status(200).send('Message added');
        }
    }); 
})

function GetMessages(req, res) {
    console.log('Getting messages from server');
    Message.find({}).exec(function(err, result) {
        if(err) {
            return res.status(500).send(err);
        }
        return res.status(200).json(result);
    });

    console.log('Got messages from server');
}

mongoose.connect("mongodb://localhost:27017/mydb", function(err, db) {
    if(!err) {
        console.log("Connected to mongoDB!");   
    }
})

var server = app.listen(5000, function() {
    console.log('listening on port ', server.address().port);
})

的更新

这可能有助于说明问题究竟是什么。

我按下视图上的按钮时会调用一个函数：

    that.getMessages = function() {
         $http.get('http://localhost:5000/api/message'); // <-- Only happens once
         console.log('get request sent'); // <-- Gets logged everytime 
    };

我正在做的就是向我的服务器发送一个get请求。没有任何承诺。第一次按下我的按钮时，我可以在调试器网络选项卡中看到一个GET请求，其状态为304，并且响应了我的消息数组。

现在，当我第二次按下按钮时，没有发出GET请求。我可以记录消息，所以我知道我的函数正在被调用，但它似乎忽略了我的$ http.get（）......

Answer 1

您的代码在发布新消息后立即获取消息。因此，您无法保证服务器在第一个请求之后处理第二个请求。他们很有可能会同时处理。您需要在邮件处理完毕后收到消息，即当第一个请求的异步响应返回时。

所以，首先，您需要知道帖子何时成功。因此，您需要返回http承诺，以确定它是否已被解决或拒绝：

factory.postMessage = function(message) {
    return $http.post('http://localhost:5000/api/message', {msg: message});
}

然后你需要在成功发布后收到消息：

that.postMessage = function() {
    apiFactory.postMessage(this.message).then(function() {
        that.getMessages();
    });
}

无法多次调用$ http.get（）

问题的完整修订

的代码：

的更新

1 个答案: