Ajax 제출 양식 페이지가 예제와 함께 빠르게 새로 고쳐집니다.

이 글은 Ajax 제출 양식 페이지를 빠르게 새로 고치는 솔루션을 주로 소개합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.

참고: ajax를 사용하여 양식을 제출할 때는 유형 유형에 submit을 사용하지 않는 것이 가장 좋습니다. 버튼을 사용하는 것이 적합합니다

<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>

관련 권장 사항:

JS 페이지 새로 고침 방법 요약

여러 페이지 javascript를 사용한 새로 고침 방법

Share 양식 제출 후 점프하지 않고 페이지 새로 고침에 대한 자세한 그래픽 및 텍스트 설명

위 내용은 Ajax 제출 양식 페이지가 예제와 함께 빠르게 새로 고쳐집니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!