설명해 드리겠습니다. 사진 갤러리가 있는데, 첫 번째 페이지는 display.php입니다. 사용자는 화살표를 사용하여 그림을 뒤집을 수 있습니다. 화살표를 클릭하면 db에서 다음 그림을 검색하기 위해 Ajax 요청을 보냅니다. 이제 표시된 그림에 따라 URL을 변경하겠습니다.Ajax - 콘텐츠로 URL을 변경하는 방법
So if the first picture is:
www.mydomain.com/display.php?picture=Paris at night
나는 다음 단계로 플립거야, 그리고 URL이 나는이 작업을 수행하려면 어떻게
www.mydomain.com/display.php?picture=The Big Ben
것입니까?
여기 트릭은 앵커 조각이있는 uri입니다.
'#'앞에있는 부분은 인터넷의 리소스를 가리키고, 그 이후는 일반적으로 페이지의 앵커로 지정됩니다.
리소스가 동일하지만 존재하는 경우 앵커 위치로 이동하면 브라우저가 새로 고치지 않습니다.
이 방법을 사용하면 페이지의 특정 부분을 빠르고 반응이 빠른 사용자 인터페이스를 위해 아약스로 교체하는 동안 사용 편의성 관점에서 브라우저 기록을 편리하게 유지할 수 있습니다.
(다른 사람들이 제안한 것처럼) jQuery 기록 같은 플러그인을 사용하는 것은 매우 쉽습니다. 나머지 요소를 처리하는 rel 속성을 사용하여 특정 요소를 장식합니다.
또한이 주제와 관련이있는 것은 'hijax'라고 불리는 것으로 내가 좋아하는 것입니다.
아약스 이전처럼 html을 생성해야합니다. 그런 다음 링크와 같은 특정 동작을 가로 채고 아약스로 콘텐츠를 요청하고 필요한 부분 만 교체합니다. 위의 기술과 결합하여 이것은 실제적으로 SEO 친절하고 접근 가능한 웹 페이지를 허용합니다.
맞아, 그게 내가 원하는 걸로 완벽하게 들린다. 감사! – Gal
예를 들어 jQuery history plugin을 사용할 수 있습니다.
여기 AJAX를 사용 하시겠습니까?
전통적인 웹 요청은
등등.
AJAX를 사용하면 기본적으로 페이지의 일부를 대체하는 "장면 뒤에서"GET을 대체 할 수 있습니다. 당신은
AJAX를 사용하여 "다음 URL"을 검색 한 다음 전체 페이지에서 GET을 수행하는 것이 좋습니다. AJAX를 사용하지 않고 각 페이지를 보낼 때 "다음"이미지를 보내는 것이 훨씬 낫습니다.
나는 그/그녀가 정말로 그/그녀가 페이지를 새로 고치지 않고 다음 URL로 가고 싶다는 것을 의미하지 않는다고 생각하지만 단지 실제 uri로 브라우저 기록에 붙여 넣거나 나타나면 복사 할 수 있습니다 ... –
URL 검색을 변경하면 변경된 URL이로드됩니다.
은 참조 : stackoverflow, javascript changing the get parameter without redirecting
이 가장 모든 것이 내가 생각 설명 : http://ajaxpatterns.org/Unique_URLs
당신이 JQuery와, 유이, ExtJS로, 또는 프로토 타입 같은 프레임 워크를 사용하고 있습니까? – Upperstage
탐색기의 탐색 모음에서 URL을 변경 하시겠습니까? – rodrigoap
JQuery를 사용하는 것이 더 좋을까요? 그리고 예. – Gal