>웹 프론트엔드 >JS 튜토리얼 >양식 제출 페이지의 강제 새로 고침을 처리하는 방법

양식 제출 페이지의 강제 새로 고침을 처리하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-04-03 09:44:433205검색

이번에는 제출된 Form 양식 페이지가 강제로 새로 고쳐지는 문제를 해결하는 방법을 알려 드리겠습니다. 제출된 Form 양식 페이지가 강제로 새로 고쳐지는 문제를 해결하기 위한 주의 사항은 무엇입니까? 살펴보자. 오랜 시간 작업 끝에 제출 버튼

을 눌렀더니 type="button"이 추가되었습니다. <form > id="sub" /> < /form> 결과적으로 페이지가 새로 고쳐지므로 추가하세요 PS : 폼 폼에 버튼이 있는 경우 ajax 제출 후 자동으로 새로고침type="button"  原来是  <form >  <button id="sub" />   </form>  结果怎么弄都会刷新页面,加上就好了

 PS:form 表单中存在button时ajax提交后自动刷新问题

//在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...)
<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称:</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>

当form中存在button标签时,用ajax异步提交表单后,也面会被刷新。(感觉很诡异)

原因:button 存在时会再次提交一下表单,所以页面被刷新了。(之前认为button type='submit' 时)button才有提交表单的功能。

解决:button标签换成a标签就可以了。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>rrreee

폼에 버튼 태그가 있는 경우 다음을 사용하여 비동기적으로 폼을 제출한 후 페이지가 새로고침됩니다. 아약스. (느낌이 이상함)

원인: 버튼이 존재하면 양식이 다시 제출되므로 페이지가 새로 고쳐집니다. (이전에는 버튼 유형='제출'이라고 생각했습니다) 버튼에는 양식을 제출하는 기능이 있습니다.

해결책: 버튼 라벨을 라벨로 바꾸세요. <a class="btn btn-primary" onclick="resetCertificateName(14)">수정</a>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 중국 사이트의 PHP 기타 관련 기사를 주목해 주세요!
추천 자료:

Ajax 도메인 간 액세스 오류 501을 처리하는 방법

🎜🎜Ajax를 사용하여 인사 시스템 데이터를 기반으로 OA 계정을 추가하는 방법🎜🎜🎜

위 내용은 양식 제출 페이지의 강제 새로 고침을 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.