2012-12-23 5 views
4

PJAX와 2 개의 별도 div를 업데이트하려고합니다. 내 PJAX가 실패하고 두 번째 PJAX 만로드됩니다. 다음은 예입니다 :여러 PJAX 요청

<div id="content-1"></div> 
<div id="content-2"></div> 

<button onclick=" 
$.pjax({ 
url: 'content-1.php', 
container: '#content-1', 
push: false 
}); 

$.pjax({ 
url: 'content-2.php', 
container: '#content-2', 
push: false 
}); 
"></button> 

문제는 2 개 pjax 요청이 동시에 실행할 수 있으며 두 번째는 첫 번째, 그래서 오직 두 번째 중복 (id를 가진 하나 = "내용-2") 업데이트됩니다. 푸시가 이유 때문에 false로 설정되었으므로 URL을 해당 특정 사례에 푸시 할 필요가 없지만 사이트의 다른 부분에는 푸시가 필요합니다.

+0

첫 번째 pjax가 100 % 확실하게 작동합니까? 두 번째 pjax 호출을 제거하면 # content-1이 변경됩니까? – Popnoodles

+0

페이지 URL을 업데이트하지 않으려면 일반 Ajax'load()'를 사용해야한다고 생각합니다. –

+0

@popnoodles 네, 두 번째 PJAX가 제거되면 첫 번째 PJAX가 작동한다는 것을 100 % 확신합니다. – thexpand

답변

2

URL 주소를 변경할 필요가없는 경우 PJAX 대신 AJAX를 사용해야합니다. PJAX와 AJAX는 동일한 작업을 수행합니다. 전체 페이지를 다시로드하지 않고 HTML 내용의 특정 부분 만 업데이트합니다. 그러나 PJAX는 주소 표시 줄의 URL 주소를 변경하므로 특정 방식으로 만 사용해야합니다.

PJAX 및 AJAX의 사용 예는 간단한 갤러리입니다. 페이지를 변경해야하는 경우 PJAX를 사용하는 것이 더 좋으므로 주소 표시 줄의 URL을 변경하여 페이지에 GET 매개 변수를 추가 할 수 있습니다. 그러나 AJAX를 사용하여 팝업에서 클릭 한 이미지에 대한 추가 정보를 얻는 것이 더 적절합니다.

+0

이해가 안됩니다. 너는 성격이 다른가? 이런 식으로 너 자신에게 대답해라. – vsync

+0

나 자신을 알아 냈어. 그래서 나는 대답을 썼다. 어쩌면 당신 Stackoverflow 어떻게 작동하는지 모르겠 사람입니다 :) – thexpand

+1

나는 내 자신의 질문에 대답하는 방법을 알고 있지만, 나는 내 자신에게 이야기하고있는 것 같지 않아 :) 나는 그것을 유지. Btw, 소피아 바위! – vsync