테스트 사이트 - 개발 중인 베타 버전입니다

ajax로 넘긴 후 화면이 맨 위로 이동됩니다 안되게 하는법 있나요? 채택완료

morrie 5년 전 조회 2,394
ajax로 form 데이터를 디비로 넘길때 페이지 이동없이 넘기려고 하는데 데이터값은 정상으로 넘어가는걸 확인했습니다
그런데 데이터가 넘어가고 보이는 화면 그대로 있는게 아니라 맨 위로 올라갑니다
페이지 이동뿐 아니라 화면이동도 없이 그자리에서 새로고침만 되게 하고 싶은건데 추가로 코드를 입력해야 되는건가요??

# 은 사용 안했어요




 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
5년 전

</p>

<p><form enctype="multipart/form-data" id="form" name="form" method="post"></p>

<p>...

<button class="btn_03" type="button" onclick="form_Check()">신청하기</button></p>

<p></form></p>

<p> </p>

<p><script>

function form_Check(){</p>

<p>    var f = document.forms[0];

    

    if (f.wr_name.value == ''){

        alert("이름을 입력해주세요");

        f.wr_name.focus();

        return false;

        

    } else {

        $.ajax({ 

            url: '/form_send.php', 

            type: 'POST', 

            data: $('#form').serialize(), 

            success: function (data) { 

                alert("전송되었습니다"); 

            } 

        });

        //f.submit();

    }

}

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

m
morrie
5년 전
답변 감사합니다
그런데 이렇게하니 위로 올라가진 않지만 새로고침도 안되네요... 전 그 상태에서 새로고침만 되게 하고 싶어서요
마르스컴퍼니
5년 전
success: function (data) {
alert("전송되었습니다");
f.reset();
}
m
morrie
5년 전
감사합니다~ 해결했어요 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

5년 전

아이고야........그러신가요? 

아 button 을 div로 바꿔보시고.

e.preventDefault() 이거한번 보세요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

return false; 해주세요 ...............

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
답변 감사합니다
form.submit(); 밑에 return false; 해줬는데도 똑같이 올라가요,...

댓글을 작성하려면 로그인이 필요합니다.

5년 전
form.submit(); 삭제후 시도해 보세요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
답변 감사합니다
form.submit(); 삭제후 해봤는데도 위로 올라가네요...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인