js向服务器发送信息,Angularjs向服务器发送请求
您需要將id屬性分配給對(duì)象
item = {id：4}
讓我們假設(shè)您有一個(gè)文本框,并且用戶(hù)想要通過(guò)在其中插入名稱(chēng)來(lái)保存新項(xiàng)目,然后單擊提交.
讓我們假設(shè)您正在使用MongoDB項(xiàng)目集合,為簡(jiǎn)單起見(jiàn),它們只有id字段.
這是你應(yīng)該做些什么來(lái)讓它變得容易.
確保您要導(dǎo)入bodyParser
var bodyParser = require('body-parser');
HTML – 使用自定義ID保存新項(xiàng)目
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);
}
});
};
}
路線(xiàn)處理 – 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);
});
});
};
發(fā)布到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);
});
});
}
如果您在我傳遞項(xiàng)目的不同代碼段上嘗試console.log(),您可以正確地查看具有id屬性的對(duì)象.
我希望我一直很有幫助.
總結(jié)
以上是生活随笔為你收集整理的js向服务器发送信息,Angularjs向服务器发送请求的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 神奇的动物:鹦哥鱼的风水学应用-鹦哥鱼鱼
- 下一篇： 真人剧集《帝王计划：怪兽遗产》开场片段首