태그의 실행 순서는 onclick->href 속성인 것으로 알려져 있습니다
으아아아onclick 이벤트가 완료되면 href 속성을 실행하는 URL이 점프하도록 이 메커니즘을 변경하는 방법 onclick 이벤트의 함수는 ajax 요청을 보내고 반환 값에 따라 href 속성을 수정합니다
href 속성을 수정한 후 현재 브라우저에서 새 페이지를 열어야 합니다
업데이트------------2017.06.30--------- ---------------
테스트 후 ajax 요청을 동기 실행으로 변경했지만 여전히 href 작업을 실행하기 전에 a 태그의 onclick 기능이 실행을 완료할 수 없습니다
이유는 ajax가 동기 요청으로 수정되어 현재 페이지의 다른 작업이 차단되기 때문일 수 있습니다.
하지만 a 태그의 클릭이 완료되었고 이후의 href 액션이 계속해서 실행되고 있는데 현재 href 액션은 void(0)이고 현재 Ajax 요청은 아직 반환되지 않았습니다
Return, 즉 Ajax 동기화 요청은 a 태그의 작업을 차단하지 않습니다
더 나은 답변을 기대합니다
$('a').click(function(e) {
으아악var _ = $(this)
으아악$.get(xx, function() {
});
})
으아악
js를 사용하여 onclick
에서 페이지로 이동합니다. 으아악//ajax start
success:function(){
}
1. 태그 점프를 금지합니다. href="javascript:void(0)"
에 바인딩합니다.2. 성공 후 반환 값을 href
먼저
href
에 값을 할당한 다음 요청이 완료된 후 점프하면 어떨까요?으아악
브라우저의 모든 기본 이벤트는 비활성화되어 있으며
으아악event.preventDefault()
를 사용하여 이를 방지할 수 있습니다. 나머지는 콜백 함수에 있으며 원하는 것은 무엇이든 할 수 있습니다. 물론 IE8 이하와 호환되어야 하는 경우에는 다음과 같이 쓸 수 있습니다: :오랜만에 드세요
으아악으아악