Есть список элементов.
Я написал функцию которая перебирает их с задержкой, добавляя в массив elements
, соответственно массив формируется не сразу. Как мне получить нужный элемент массива, уже после того как он будет собран?
читал в этой статье как использовать promise, примеры написаны скорее всего для более опытных, либо они не подходят для решения моей задачи (не могу определить, так.
вроде бы, задача очень популярная, и в интернете должно быть полно примеров, один в один отражающих мое условие и имеющих решение, но что-то нет((
Специально собрал внизу пример, чтобы по нему кто-нибудь написал решение, так как это будет самый простой способ разобраться с promise
var elements = [];
$('li').each(function(i, el) {
setTimeout(function() {
elements.push($(el).text());
}, 700);
});
getResult(elements)
function getResult(elements) {
return new Promise(function(resolve, reject) {
some.api.call(elements, function(data) {
resolve(data);
console.log(resolve(data));
});
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>яблоко</li>
<li>груша</li>
<li>банан</li>
<li>апельсин</li>
<li>мандарин</li>
</ul>
попробовал на реальном примере уже с ajax:
$(files).each(function(i, file) {
filesArr[i] = [];
if (file.value) {
var formData = new FormData();
formData.append(files[i].name, files[i].value);
$.ajax({
type: "POST",
url: "/poc/" + controller,
data: formData,
processData: false,
contentType: false,
}).complete(function(data) {
var result = $.parseJSON(data.responseText);
//var clearInput_name = result.input_name.replace(/\[(\d+)\]/, '');
var clearInput_name = new Promise(function(resolve) {
resolve(result.input_name.replace(/\[(\d+)\]/, ''))
});
var clearInput_name_num = parseInt(result.input_name.match(/\d+/));
filesArr[i].push(clearInput_name);
/* filesArr[i].push(new Promise(function(resolve) {
resolve(result.file_name)
}));
filesArr[i].push(new Promise(function(resolve) {
resolve(clearInput_name_num)
})); */
});
}
});
getResult(filesArr);
function getResult(filesArr) {
// elements теперь промисы и нам нужно дождаться их выполнения
Promise.all(filesArr).then(function(results) {
// results - массив наших numbers
new Promise(function(resolve) {
asyncFn(results, resolve)
})
})
}
function asyncFn(data, callback) {
console.log(data[0][0]);
}
оказалось что случай с each был довольно простой..
с ajax все равно выдает undefined
numbers
отложено вызываются? Зачем? И вызываются они через интервал, который к промисам отношение мало имеетnumbers
? Какой результат вы хотите получить?ajax
в промис, и вызыватьresolve
вcomplete
методе