양식을 제출할 때 Ajax 양식 페이지가 계속 새로 고쳐지는 문제에 대한 빠른 해결 방법

이 글에서는 양식을 제출할 때 Ajax 양식 페이지가 여전히 새로 고쳐지는 문제와 양식에 버튼이 있을 때 Ajax 제출 후 자동으로 새로 고쳐지는 문제에 대한 빠른 해결 방법을 주로 소개합니다. 질문, 필요하신 분들은 참고하시면 됩니다

시간이 지나서 확인해보니 제출 버튼을 눌렀더니 type="button"이 추가된 것으로 나타났습니다. >

제출 후 자동 새로고침 문제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

양식에 버튼 태그가 있는 경우 비동기 제출 후 페이지가 새로 고쳐집니다. ajax를 이용한 폼 (느낌이 이상함)

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

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

위 내용은 모든 사람을 위해 제가 정리한 내용입니다. 미래.
관련 기사:

AJAX 디스플레이 로딩 및 팝업 레이어 폐색 페이지 구현 예

OA에 대한 액세스 Ajax 및 워크플로 플러그인을 사용하여 인사 시스템 데이터(자세한 그래픽 및 텍스트)를 기반으로 OA 계정을 추가합니다. 설명)

🎜🎜Lavarel 프레임워크에서 ajax를 사용하여 양식을 제출하는 방법_AJAX 관련🎜🎜🎜

위 내용은 양식을 제출할 때 Ajax 양식 페이지가 계속 새로 고쳐지는 문제에 대한 빠른 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!