Нужно пройтись по всему списку элементов с классом product, на каждом из них вызвать post запрос на загрузку контента для этого элемента. Проблема в том, что контент не успевает полностью загрузится а уже идет переход к следующему элементу... Как исправить? (на самом деле таких элементов 738, в примере укоротил просто)
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>
$(function() {
$('div.product').each(
function(i, elem) {
if ($(this).hasClass("stop")) {
return false;
} else {
var ii = $(elem).find('#sindex').text();
var c = $(elem).find('#category').text();
var s = $(elem).find('#subcategory').text();
var t = $(elem).find('#title').text();
var u = $(elem).find('#url').text();
$(elem).load(
"parser.php",
{
pi: ii,
pc: c,
ps: s,
pt: t,
pu: u
},function(){alert('end')});
}
});
});
</script>
</head>
<body>
<div class="product">
<div id="sindex">1</div>
<div id="category">63</div>
<div id="subcategory">71</div>
<div id="title">Станок шиномонтажный полуавтоматический R 745</div>
<div id="url">https://...</div>
</div>
<div class="product">
<div id="sindex">2</div>
<div id="category">63</div>
<div id="subcategory">71</div>
<div id="title">Станок шиномонтажный полуавтоматический R 980 XR</div>
<div id="url">https://...</div>
</div>
<div class="product">
<div id="sindex">3</div>
<div id="category">63</div>
<div id="subcategory">71</div>
<div id="title">Станок шиномонтажный полуавтоматический R 980
NXT</div>
<div id="url">https://...</div>
</div>
<div class="product stop">
<div id="sindex">4</div>
<div id="category">63</div>
<div id="subcategory">71</div>
<div id="title">Станок шиномонтажный автоматический R 76 LT</div>
<div id="url">https://...</div>
</div>
</body>
</html>