Ajax가 양식 페이지를 제출한 후 새로 고침을 방지하는 방법

이번에는 Ajax가 폼 페이지를 제출한 후 새로 고침을 방지하는 방법을 알려드리겠습니다. Ajax가 폼 페이지를 제출한 후 새로 고침을 방지하기 위한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

참고: Ajax를 사용하여 양식을 제출할 때 유형 유형으로 제출을 사용하지 않는 것이 가장 좋습니다.

<form>
   <p class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
             <input type="button" class="btn btn-info" value="重置" onclick="return resetaa()">
             <input type="button" class="btn btn-success" value="提交" onclick="return formCheck()">
</form>
 <script type="text/JavaScript">
   function formCheck(){
    $.ajax({
       type: "post",
       url:'/fudaMes/orderInfo/insertOrderInfo',
       data:$('#formId').serialize(),// 你的formid
       async: true,
       error: function(request) {
       new PNotify({
           title: '提交失败',
           text: '信息录入失败',
           type: 'error',
           styling: 'bootstrap3'
         });
       },
       success: function(data) {
      if(data=="success"){
          new PNotify({
             title: '提交成功',
             text: '订单信息已录入',
             type: 'success',
             styling: 'bootstrap3'
           });  
       }else{
      new PNotify({
             title: '提交失败',
             text: '信息录入失败',
             type: 'error',
             styling: 'bootstrap3'
           });
      } 
       }
     });
   }
</script>

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 내용에 대해서는 PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!

추천 도서:

비동기 파일 또는 사진 업로드 ajax

새로 고침 없이 로그인을 달성하는 AJAX

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