안녕하세요 저는 같은 수평 스크롤 웹 사이트를하고있는 중이 야 호출합니다. 하중().큐 AJAX는
현재 제목에있는 URL에있는 각 div와 ajax에 대해. 하지만 AJAX는 잘못된 순서로 돌아오고, 더 많은 페이지를 추가하면 은 30 + http : // 요청을 가진 서버를 스패닝하지 않습니다.
AJAX 호출을 동기식으로 수행하려면 어떻게해야합니까? 즉, 요청이 다른 요청보다 먼저 복귀 할 때까지 기다리거나 한 번에 두 개씩 보냅니다.
나는 수색을하고 있었고, 내가 필요한 것을 알아낼 수 없었다.
<div id="mainLayout" class="fullwidth scrollArea">
<div class="scrollItems">
<div id="page-1" class="scrollItem" title="/">
<div>HOME PAGE CONTENT</div>
</div>
<div id="page-2" class="scrollItem" title="/Page2.html">
<div class="loading"> </div>
</div>
<div id="page-3" class="scrollItem" title="/Page3.html">
<div class="loading"> </div>
</div>
<div id="page-4" class="scrollItem" title="/Page4.html">
<div class="loading"> </div>
</div>
<div id="page-5" class="scrollItem" title="/Page5.html">
<div class="loading"> </div>
</div>
</div>
</div>
그리고 내 JS :
function s_loadingInitialPages() {
var loadingItems = new Array();
$(".scrollArea .scrollItem").each(function() {
if ($(this).attr('title') != '/') {
var oDelem = $(this);
loadingItems.push(oDelem);
//alert('test');
}
});
for (i = 0; i < loadingItems.length; i++) {
// title attribute is the URL to get
var ajaxURL = loadingItems[i].attr("title") + '?ajaxPageContent=';
$(loadingItems[i]).load(ajaxURL);
}
}
난 그냥 큐에 기능을 계속 추가, 그리고 그것을 처리 할 수있는 플러그인이 있나요
이 내 HTML입니까?
유 동기 요청을 보낼 경우, 브라우저가 정지됩니다. 내포 된 비동기 호출을 제안합니다. – Sid