ajax listmessages and messages is working

This commit is contained in:
Senta Mandutz 2019-02-06 17:00:38 +01:00
parent f2a75643c8
commit b52de633b0
3 changed files with 41 additions and 27 deletions

View File

@ -23,34 +23,31 @@ const HomeRouter = {
tags: "foo" tags: "foo"
}); });
},*/ },*/
list_messages: function () { list_messages: function () {
console.log("egal"); $.ajax({url: "/api/ids", method: "GET"})
$.get('api/ids/').done(function (jd) { .done(jd => {
// _messagelist = jd; // NICHT SO wg. Vue: _messagelist = jd;
_messagelist.splice(0, _messagelist.length); _messagelist.splice(0, _messagelist.length);
_messagelist.push.apply(_messagelist, jd); _messagelist.push.apply(_messagelist, jd);
console.log("egal2"); for (var e in jd) {
//$('#xxx').text(jd[0]); if (!_messages[jd[e]]) {
for (var e in jd) { get_insert_message(jd[e]);
if (!_messages[jd[e]]) { }
get_insert_message(jd[e]); }
} }).fail(function (e, f, g) {
} console.log("err: " + e + f + g);
}).fail(function (e, f, g) { });
console.log("egal3: " + e + f + g); }
});
}
}, },
mounted: function() { mounted: function () {
this.list_messages(); this.list_messages();
/*this.refresh_messages();*/ //this.refresh_messages();
} }
}; };
function get_insert_message(msg_id) { function get_insert_message(id) {
$.get(api/msg/{msg_id}).done(function (msg) { $.ajax({ url: "/api/msg/"+id, method: "GET" }).done(function (msg) {
// _messages[id] = msg;
Vue.set(_messages, id, msg); Vue.set(_messages, id, msg);
}).fail(function (e, f, g) { }).fail(function (e, f, g) {
console.log("cannot load " + id + ".json: " + e + f + g); console.log("cannot load " + id + ".json: " + e + f + g);

View File

@ -74,7 +74,7 @@
<nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' "> <nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
<router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link> <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
<router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link> <router-link to="/files" class="nav-item nav-link"><i class="material-icons">language</i></router-link>
<router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link> <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>
<router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link> <router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link>
<router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link> <router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link>

View File

@ -103,9 +103,24 @@ mongoose.connect(dbConfig.url)
//require('./app/routes/message.route.js')(app); //require('./app/routes/message.route.js')(app);
app.get ("/api/test/:id", function (req, res) {
console.log ("id: " + req.params.id + " message " + req.query.msg); //bei POST: req.body.msg app.get ('/api/ids', function (req, res) {
Message.find ({_id: req.params.id}) .exec (function (err, results) { Message.find({},{_id: true}) .exec () .then(results => {
/* selects id from message: var parsed = [];
for (var i in results) {
parsed.push (results[i]._id);
} */
var parsed = results.map (x => x._id);
res.send(parsed);
} )
.catch(err => {
console.log (err);
res .status(500) .json (err);
});
});
app.get ("/api/msg/:id", function (req, res) {
Message.findOne ({_id: req.params.id}) .exec (function (err, results){
if (err) { if (err) {
console.log (err); console.log (err);
res .status(404) .json (err); res .status(404) .json (err);
@ -210,3 +225,5 @@ process.on ("uncaughtException", function (err) {
console.error ("*** Uncaught Exception:"); console.error ("*** Uncaught Exception:");
console.error (err.stack); console.error (err.stack);
}); });