ホームページ  >  記事  >  ウェブフロントエンド  >  Ajax 送信フォーム ページが迅速に更新されるソリューション

Ajax 送信フォーム ページが迅速に更新されるソリューション

亚连
亚连オリジナル
2018-05-23 10:14:542178ブラウズ

この記事では、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:&#39;/fudaMes/orderInfo/insertOrderInfo&#39;,
       data:$(&#39;#formId&#39;).serialize(),// 你的formid
       async: true,
       error: function(request) {
       new PNotify({
           title: &#39;提交失败&#39;,
           text: &#39;信息录入失败&#39;,
           type: &#39;error&#39;,
           styling: &#39;bootstrap3&#39;
         });
       },
       success: function(data) {
      if(data=="success"){
          new PNotify({
             title: &#39;提交成功&#39;,
             text: &#39;订单信息已录入&#39;,
             type: &#39;success&#39;,
             styling: &#39;bootstrap3&#39;
           });  
       }else{
      new PNotify({
             title: &#39;提交失败&#39;,
             text: &#39;信息录入失败&#39;,
             type: &#39;error&#39;,
             styling: &#39;bootstrap3&#39;
           });
      } 
       }
     });
   }
</script>

上記は私が皆さんのためにまとめたものです。

関連記事:

Ajax が新しいウィンドウを開いてブラウザにインターセプトされる場合の 2 つの解決策

WeChat が前のページに戻り、ページ内の AJAX リクエストが表示され、Get リクエストが表示されなくなる問題の解決策無効

ajax 非同期ファイルまたは画像アップロード機能を実装します

以上がAjax 送信フォーム ページが迅速に更新されるソリューションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。