- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
有没有办法通过 AngularJS 中的 get()
函数调用未知数量的 API 调用并将它们全部添加到模型中($scope
多变的)。到目前为止,我所做的如下:
if(theUIDS != "") {
var myDropbox = [];
for(i = 0; i < theUIDS.length; i++) {
var temp = {};
temp.uid = theUIDS[i];
$http({ url: '/dropbox/accounts/get', method: 'GET', params: { uid: theUIDS[i] }}).success(function(acctData) {
temp.accountInfo = acctData;
});
$http({ url: '/dropbox/files/get', method: 'GET', params: { uid: theUIDS[i] }}).success(function(fileData) {
temp.files = fileData;
});
myDropbox.push(temp);
}
$scope.dropboxAccounts = myDropbox;
}
我检查是否有任何 UID,并为每个 UID 创建一个 temp
对象,其中填充了一个 uid
,然后是一个 accountInfo
对象,然后是 files
对象。设置完 temp
对象后,我将其推送到 myDropbox
数组中。循环完成后,我将 dropboxAccounts 模型设置为 $scope
中的 myDropbox
变量。我是 Angular 的新手,但我很确定这至少是正确的想法。幸运的是,我以正确的顺序获取了以下数据:
{"uid":"332879"}
{"uid":"155478421",
"accountInfo":{
"country":"US",
"display_name":"Patrick Cason",
"name":"Second Dropbox",
"quota_normal":1174504,
"quota_shared":0,
"quota_total":2147483648,
"referral_link":"https://www.dropbox.com/referrals/NTE1NTQ3ODQyMTk?src=app9-203957",
"uid":155478421},
"files":[{
"created_at":"2013-04-17T15:13:46Z",
"directory":true,
"dropbox_user_id":26,
"fileType":"Folder",
"id":198,
"name":"Photos",
"path":"/Photos",
"rev":"10edb44f9",
"size":"-",
"updated_at":"2013-04-17T15:13:46Z"}]
}
奇怪的是,只有我的一个 UID 得到更新。我知道循环正确进行,因为我有两个 UID,如果我在循环开始时发出警告,我会得到两个循环。我认为第二个没有被填充的原因是因为推送语句没有等待两个 promise 都通过。如何确保在将 myDropbox
分配给 $scope
变量之前等待每个 AJAX 调用完成?
最佳答案
我是 AngularJS 的新手,所以这个解决方案非常正在进行中。我想,既然我一直在努力学习更多关于它的知识,那么其他人也可能处于相同的位置。话虽如此,我不仅要发布我的答案,还要解释我在代码背后的想法。如果有人觉得答案可以改进,我很乐意得到任何反馈。
这是我用来使一切正常工作的代码:
var app = angular.module('myApp', []);
app.controller('DropboxCtrl', function($scope, dropbox) {
$scope.dropboxAccounts = dropbox.getAccounts();
$scope.dropboxFiles = dropbox.getFiles();
});
app.factory('dropbox', function($http, $q) {
var theUIDS = [12345,67890];
return {
getAccounts: function() {
var promises = [];
for(i = 0; i < theUIDS.length; i++) {
promises.push($http({
url: '/dropbox/accounts/get',
method: "GET",
params: { uid: theUIDS[i] }
}));
}
return $q.all(promises);
},
getFiles: function() {
var promises = [];
for(i = 0; i < theUIDS.length; i++) {
promises.push($http({
url: '/dropbox/files/get',
method: "GET",
params: { uid: theUIDS[i] }
}));
}
return $q.all(promises);
}
}
});
我们首先声明一个模块 myApp
并将其保存在变量 app
中...注意我们传递的空数组,它通常是任何参数可能会或可能不会从其他模块继承的进一步要求。
在我们的模块声明之后,我们需要创建一个相应的 Controller ,它将成为所有交互发生的网关。在这种情况下,我们需要访问相对于我们的 Controller (而不是相对于应用程序本身)的 $scope
变量。我们还声明了这个 Controller 与哪个工厂相关,在我的例子中是 dropbox
(我们稍后会谈到工厂)。在此 Controller 内部,我们将两个模型分配给 $scope
:dropboxAccounts
和 dropboxFiles
。请注意,我最初的愿望是在我的 AngularJS 应用程序中拥有一个模型。虽然这是可能的......我选择反对它,因为我发现很难区分我的两种类型的 JSON 返回。一个返回帐户元数据,另一个返回该帐户的一组文件。我希望将所有这些都放在一个模型下并按 uid
参数排序,但发现如果不更改我的 RESTful 端点输出的 JSON 是不可能做到的。最后,我选择了两个独立的模型,这样我可以更轻松地使用它们(直到我找到一种方法根据一个通用参数将它们组合起来)。
最后,我们创建了一个工厂来存储我的 AJAX 函数(使用 $http
进行实际的 AJAX 调用,使用 $q
来处理 promise )。我有两个函数:(记得是从我的 Controller 调用的)getAccounts
和 getFiles
。他们每个人都有一个名为 promises 的数组,它将存储我的 $http
调用的 promise 。我在一个 for 循环中运行这些调用,它将查看我在 theUIDS
中的每个项目,它在我的 AJAX 调用中使用,然后被推送到 promises
大批。最后我们有我们的 $q
,它会等到 promises
数组中的所有 AJAX 调用都成功完成,然后再将所有数据以一个大的 promise 返回给我们的 Controller 并将其分配给 $scope
。
AngularJS 真的很难。这个特殊问题花了我两天的时间调试和反复尝试。有人告诉我,虽然这个前端 MVC 框架的学习曲线非常陡峭,但返回是值得的。我想我们会看到...
关于javascript - 多个 AngularJS 获取请求到一个模型中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16064392/
我正在尝试从该网站抓取历史天气数据: http://www.hko.gov.hk/cis/dailyExtract_uc.htm?y=2016&m=1 在阅读了 AJAX 调用后,我发现请求数据的正确
我有两个 postman 请求 x,y,它们命中了两个不同的休息 api X,Y 中的端点。 x 会给我一个身份验证 token ,这是发出 y 请求所必需的。如何在请求 y 中发出请求 x ?也就是
我使用请求库通过 API 与其他服务器进行通信。但现在我需要同时发送多个(10 个或更多)POST 请求,并且只有在所有响应都正确的情况下才能进一步前进。通常语法看起来有点像这样: var optio
背景:当用户单击按钮时,其类会在class1和class2之间切换,并且此数据是通过 AJAX 提交。为了确认此数据已保存,服务器使用 js 进行响应(更新按钮 HTML)。 问题:如果用户点击按钮的
我正在将 Node.js 中的请求库用于 Google 的文本转语音 API。我想打印出正在发送的请求,如 python example . 这是我的代码: const request = requi
我经常使用requests。最近我发现还有一个 requests2 和即将到来的 requests3 虽然有一个 page其中简要提到了 requests3 中的内容,我一直无法确定 requests
我正在尝试将图像发送到我的 API,然后从中获取结果。例如,我使用发送一个 bmp 图像文件 file = {"img": open("img.bmp)} r = requests.post(url,
我发现 Google Cloud 确保移出其物理环境的任何请求都经过强制加密,请参阅(虚拟机到虚拟机标题下的第 6 页)this link Azure(和 AWS)是否遵循类似的程序?如果有人能给我指
我有一个 ASP.NET MVC 应用程序,我正在尝试在 javascript 函数中使用 jQuery 来创建一系列操作。该函数由三部分组成。 我想做的是:如果满足某些条件,那么我想执行同步 jQu
我找不到如何执行 get http 请求,所以我希望你们能帮助我。 这个想法是从外部url(例如 https://api.twitter.com/1.1/search/tweets.json?q=tw
我的应用只需要使用“READ_SMS”权限。我的问题是,在 Android 6.0 上,当我需要使用新的权限系统时,它会要求用户“发送和查看短信”。 这是我的代码: ActivityCompat.re
我的前端代码: { this.searchInput = input; }}/> 搜索 // search method: const baseUrl = 'http://localho
我有一个由 AJAX 和 C# 应用程序使用的 WCF 服务, 我需要通过 HTTP 请求 header 发送一个参数。 在我的 AJAX 上,我添加了以下内容并且它有效: $.ajax({
我正在尝试了解如何使用 promises 编写代码。请检查我的代码。这样对吗? Node.js + 请求: request(url, function (error, response, body)
如果失败(除 HTTP 200 之外的任何响应代码),我需要重试发送 GWT RPC 请求。原因很复杂,所以我不会详细说明。到目前为止,我在同一个地方处理所有请求响应,如下所示: // We
当用户单击提交按钮时,我希望提交表单。然而,就在这种情况发生之前,我希望弹出一个窗口并让他们填写一些数据。一旦他们执行此操作并关闭该子窗口,我希望发出 POST 请求。 这可能吗?如果可能的话如何?我
像 Facebook 这样的网站使用“延迟”加载 js。当你必须考虑到我有一台服务器,流量很大时。 我很感兴趣 - 哪一个更好? 当我一次执行更多 HTTP 请求时 - 页面加载速度较慢(由于限制(一
Servlet 容器是否创建 ServletRequest 和 Response 对象或 Http 对象?如果是ServletRequest,谁在调用服务方法之前将其转换为HttpServletReq
这是维基百科文章的摘录: In contrast to the GET request method where only a URL and headers are sent to the serv
我有一个循环,每次循环时都会发出 HTTP post 请求。 for(let i = 1; i console.log("succes at " + i), error => con
我是一名优秀的程序员,十分优秀!