Node / Express / Angular服务器端外部API请求
Node / Express / Angular Server side external API request
我使用Angular将表单输入保存到$scope.tag中。我不能使用表单信息作为参数进行客户端外部API调用,所以我需要将其传递给服务器。我怎样才能做到这一点?
步骤:
- 用户提交表单
- 客户端向服务器发出请求
- 服务器向外部API发出请求
- 服务器发送响应回客户端
我怎样才能做到这一点?
$scope.tag = '';
// client side
$http.get('/api')
.then(function(response) {
console.log(response);
});
// server side
app.get('/api', function (req, res) {
request('http://externalAPI.com/' + $scope.tag, function (req, res) {
res.json(data);
});
});
你可以这样做:
// client side
$http.post('/api', { tag: $scope.tag })
.then(function(response) {
console.log(response);
});
// server side
app.post('/api', function (req, res) {
console.log(req.query.tag);
res.json({ status: 'success' });
});
请记住在路由中间件之前包含app.use(bodyParser.json());
。
相关文章:
- 跨节点服务器上的多个 API 请求维护数据
- 在 Google 云端硬盘 API 请求中使用参数
- Angularjs的异步API请求
- 如何将头添加到ActiveResource以创建API请求
- Flux+Rreact.js-缓存API请求响应
- JavaScript中的Google Drive API请求
- API请求在使用phonegap调试时不工作,但在模拟器中工作,为什么
- 使用Jquery将JSON API请求的元素传递给数组
- 如何将访问令牌用于Facebook Opengraph javascript SDK api请求
- 从多个API请求推送到全局数组
- 确定 API 请求的来源
- 如何将 API 请求中的 JSON 获取到页面的 javascript 中
- 跟踪 Google 可视化 API 请求中的事件
- 为什么此 Google 日历 API 请求不返回开始时间等事件数据
- 取消以前由 ng-change 创建的 api 请求
- 来自 HTML/js 项目中的 .dll / .aspx 文件的 API 请求
- GiantBomb API 请求获取 HTML 而不是 JSON,Nodejs 请求模块
- 在 Angular JS 服务中调用 YouTube API 请求
- 如何限制 api 请求堆栈
- Javascript:具有多个查询参数的嵌套 JSON api 请求