Yaoply.com
  1. Home
  2. PHP
  3. スピナーとエラーメッセージを使用したphpajaxフォーム処理
0 レビュー
1 回答

スピナーとエラーメッセージを使用したphpajaxフォーム処理

php ajaxでフォームを送信し、物事をシンプルにしようとしていますが、必然的に複雑になります。

pageA.phpは単なるフォームです。

pageB.phpはコードの検証と処理を行っています。このページの上部に$_SESSION['message'] = "";を作成しました。何か問題がある場合は、ページの最後に $_SESSION['message'] = "Password is too short";のようになります。たとえば。 このメッセージをpageA.phpに表示したい-div#message内。

セッションは両方のページの上部で開始されます（ session_start();
pageA には、デフォルトで非表示になっているスピナーgif（ display:none; ）もありますが、（およびちょうど）フォーム処理中。

pageA .php 

 

。 。 。



 
登録
 


 pageA の下部にあるJS：


 $（ "＃sub"）。click（function（）{
    $（ "＃spinn"）。show（）; //これは機能しているようですが、まもなく
    $ .post（$（ "＃formReg"）。attr（ "action"）、$（ "＃formReg"）。serialize（））; //これは機能します（データはテーブルに保存されます）。
    $（ "＃formReg：input"）。val（''）; //これは機能します
    $（ "＃spinn"）。hide（）;
    $（ "#message"）。html（$ _ Session ["message"]）; //もちろん機能しません。
}）;
 


 pageB.php の下部にあります：
 header（ "Location：pageA.php"）; 、訪問者を pageAに留めます。
     	

     
 
       
     

     
  

    
0
 レビュー
    

        	       
答え :
		
解決策： 
最初：フォームの送信後に発生するすべてのアクションは、 $.post()に渡されるコールバック関数に配置する必要があります。 AJAX関数はすぐに戻るため、スピナーは表示された直後に非表示になります。このようにしてください：


 $.post(
    $("#formReg").attr("action"), $("#formReg").serialize(), 
    function(data, textStatus, jqXHR) {
        $("#spinn").hide();
        // Message display code - see below
    }
);
 


このように、コールバック関数のコードは、 $.post 呼び出しが戻った後ではなく、postリクエストが戻った直後に実行されます（これは単にリクエストを開始しますが、完了するのを待ちます。



メッセージの表示について： pageB.php は、AJAXを介してのみ呼び出されるため、リダイレクトする必要はありません。そのため、クライアントのブラウザは、開いた後に pageA.phpを離れることはありません。 AJAX呼び出しは個別のHTTPリクエストであり、現在開いているページには影響しません。値を返すには、値を pageBに出力するだけです。上記で定義したコールバック関数のdataパラメーターに値が含まれます。 。シンプルにしたい場合は、次のようにしてください。


 // in pageB.php
echo $_SESSION['メッセージ'];

//JSコールバックで
function（data、textStatus、jqXHR）{
    //"data"にはpageB.phpの出力が含まれています
    $（ "＃message"）。html（data）;
}
 


 AJAXコールバックに複数のアイテムを渡す必要がある場合は、JSONを参照してください。      

     
     
 
       
     

     
  
	        
	        









同様の質問


私たちのウェブサイトで同様の質問で答えを見つけてください。
 
    
            
    

     php-ajaxjsonのエラー  
    
          
            
    

     php-Codeigniter：メッセージ：ヘッダーエラーを変更できません  
    
          
            
    

     php-Facebookがエラーを返しました：OAuthException：現在のユーザーに関する情報を照会するにはアクティブなアクセストークンを使用する必要があります  
    
          
            
    

     mysql-iis 7で「PHP致命的エラー：未定義関数mysql_connect（）の呼び出し」が継続的に発生する  
    
          
            
    

     php-ループは実行されますが、未定義のオフセットメッセージがあります  
    
          
            
    

     php-laravelビューで日付形式を変更するにはどうすればよいですか？  
    
          
            
    

     php-laravelのカスタムリクエストクラスでメッセージを渡す方法は？  
    
          
            
    

     フォームにフィールドを事前に入力し、特定のユーザーphpおよびmysqlデータベースのテキストフィールドを無効にします  
    
          
            
    

     php-WoocommerceでAJAXを使用してミニカートを更新/更新します  
    
          
            
    

     php-phpspreadsheetライブラリを使用して配列からシートにデータを書き込みます