js向服务器发送信息,Angularjs向服务器发送请求

您需要将id属性分配给对象

item = {id：4}

让我们假设您有一个文本框,并且用户想要通过在其中插入名称来保存新项目,然后单击提交.

让我们假设您正在使用MongoDB项目集合,为简单起见,它们只有id字段.

这是你应该做些什么来让它变得容易.

确保您要导入bodyParser

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

HTML – 使用自定义ID保存新项目

ID

Submit

角度部分 – ItemController.js

'use strict';

angular

.module('myApp')

.controller('ItemController',ItemController);

function ItemController($http) {

var vm = this;

/** Creates a New Marker on submit **/

vm.createItem = function() {

// Grabs all of the text Box fields

var itemData = {

id : vm.formData.id

};

// Saves item data to the db

$http.post('/api/kill',itemData)

.success(function(response) {

if(response.err){

console.log('Error: ' + response.err);

} else {

console.log('Saved '+response);

}

});

};

}

路线处理 – routes.js

var ItemFactory = require('./factories/item.factory.js');

// Opens App Routes

module.exports = function(app) {

/** Posting a new Item **/

app.post('/api/kill',function(req,res) {

ItemFactory.postItem(req).then( function (item) {

return res.json(item);

});

});

};

发布到MongoDB – item.factory.js

var Item = require('../models/item-model');

exports.postItem = postItem;

function postItem(item) {

return new Promise( function (resolve,reject) {

var newItem = new Item(item.body);

newItem.save(function(err) {

if (err){

return reject({err : 'Error while saving item'});

}

// If no errors are found,it responds with a JSON of the new item

return resolve(item.body);

});

});

}

如果您在我传递项目的不同代码段上尝试console.log(),您可以正确地查看具有id属性的对象.

我希望我一直很有帮助.