PHP側のブール変数に基づいて、AJAX経由で異なるdivブロックを更新してロードするにはどうすればよいですか？

Question

私は1つのページに2つのdivがあります.1つはフォーム用で、もう1つはフォーム出力用です。

が有効でない場合は、のフォームが再表示され、フォームにエラーが強調表示されます。フォームが有効な場合は、フォームdivを非表示にし、処理された出力を表示します。必要であれば、それはフォームのdivに有効であったとき、私はまた、フォームをリロードすることができ、すなわち$isFormValid = true;

私はフォームが私のPHP内部で有効であるかどうかを判断することができ、。 （私はそれが有効でないときに再読み込みする必要があるので）。

質問

どのように？ここで明確にする

は、私が持っているしたいイベントの流れです：

あなたのPHPファイルで

Answer 1

：あなたのAJAX応答処理関数の使用では

$validFormOutputInJSONFormat = '...'; 
$invalidFormValidationMessagesInJSONFormat = '...'; 

header('Content-type: application/json'); // Remove this line if you've already set this http header in your code. 

if ($isFormValid) { 
    echo '{"valid":true, "data":'.$validFormOutputInJSONFormat.'}'; 
} else { 
    echo '{"valid":false, "data":'.$invalidFormValidationMessagesInJSONFormat.'}'; 
} 

このような何か：

if (responseData.valid) { 
    // JS code to hide the form 
    // JS code to show output. responseData.data has the info you will need here 
} else { 
    // JS code to show validation messages in the form. responseData.data has the info you will need here 
} 

Answer 2

結果をjsonとして出力することができればRのサーバーサイドコード、

{success:true, formValid:true , message: 'success result'} 

または

{success:true, formValid: false, message: 'some error message'} 

のようなもの、あなたはあなたのフォームを投稿するAjaxのPOSTメソッドを使用することができ、かつ成功で、あなたはformValid値をチェックし、/ショーdivタグやエラーを非表示にすることができますフォームに応じたメッセージ有効な値

$('#myform').on('submit' , function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     data : $(this).serializeArray(), 
     url : $(this).attr('action'), 
     type : 'POST', 
     success : function(result){ 
     if(result.success) { 
      if(result.formValid === true) { 
      // form validation passed. 
      } 
      else { 
      // form is invalid. 
      } 
     }else{ 
      // ajax didn't worked out, no response 
     } 
     } 

    }) 
    })