2016-06-13 1 views
1

브라우저에서 자바 스크립트를 사용할 수없는 경우 AJAX get을 처리하는 가장 좋은 방법은 무엇입니까?자바 스크립트가 없을 때 AJAX 백업 받기

예를 들어, 이미지 축소판을 한 번 클릭하면 이미지 세부 정보와 확대/축소 된 사진을 반환하는 컨트롤러로 이동합니다.

저는 이것을 아약스로하고 같은 그림에 더 큰 그림을 보여주고 싶었습니다.

하지만 사용자가 자바 스크립트가 없을 때 백업 방법을 구현하는 방법을 모르겠습니다.

앵커 컨테이너에서 클릭 방식을 위임 한 다음 버블 링을 중단 할 수 있습니까? 그런 다음 자바 스크립트가 없을 때 앵커가 트리거됩니다. 세부 사항은 동일한 페이지에 있지는 않지만 적어도 표시됩니다.

+6

일반적으로 사이트가 JavaScript없이 작동 할 수있게하려는 경우 JavaScript를 사용하지 않고도 모든 기능을 갖춘 사이트를 만들 수 있습니다. 그런 다음 수정하지 않고 자바 스크립트를 추가하여 기본 기능을 재정의합니다. 예를 들어 링크를 클릭하면 사용자가 다른 페이지로 이동할 수 있습니다. 그런 다음 JavaScript를 사용하면 클릭 핸들러를 무시하고 기본 액션을 방지하고 대신 AJAX 액션을 수행합니다. – David

답변

2

앵커 컨테이너에 클릭 방법을 위임 한 다음 버블 링을 중단 할 수 있습니까?

기본적으로 그렇습니다. 하여 이미지 주변의 링크 (또는 무엇이든) 유무 :

<a class="image-link" href="link/to/the/details">...</a> 

을 그리고 자바 스크립트에서 처리 :

자바 스크립트를 사용하지 않는 경우, 핸들러는 엮은 및 링크가 도착되지
$(document.body).on("click", ".image-link", function(e) { 
    // We're handling it with ajax, don't do the default action 
    // (which is following the link) 
    e.preventDefault(); 
    // ...do the ajax stuff... 
}); 

뒤를이었다. 자바 스크립트가 활성화되어 있으면 기본 동작이 금지되어 링크를 따라갈 수 없으며 대신 ajax를 수행합니다.

관련 문제