2017-08-16 3 views
0

フォームがデータベースに送信されているが運がないうちにロードを表示しようとしています。 フォームは送信された後に表示されます。フォームがデータベースにJqueryを使用してサブミットしているときの読み込み方法

私はJqueryを使用してここにフォームを送信しています。

$("form#data").on('submit',function(e){ 
     e.preventDefault(); 
     $('.loading').show(); // show loading while form submit to database. 

     var formData = new FormData($(this)[0]); 

     $.ajax({ 
      url: 'includes/new_post.php', 
      type: 'POST', 
      data: formData, 
      async: false, 
      success: function (data) { 
       $('.note').html(data); 
       $('.loading').hide(); // hide loading after form submitted. 
      }, 
      cache: false, 
      contentType: false, 
      processData: false 

     }); 

     return false; 
    }); 

これを助けてください。

+4

この問題は、要求の処理中にUIが更新されるのをブロックするため、完全に「async:false」によって引き起こされます。そのプロパティを削除するとコードが動作します –

+0

ありがとう、本当に感謝します。完璧に働く – scubby3

答えて

0

これはbeforeSend関数を使用して、また関数を完成させようとしています。私の提案があなたを助けてくれることを願っています。

関連する問題