ページリフレッシュなしのセッション変数の更新

Question

私はモーダルを使用してフォームを表示しています。私はフォームを検証し、送信ボタンをクリックした後に起こりうるエラーを表示したい。検証後に私のモーダルを閉じたくないので、Ajaxを使うことにしました。ここに私のコードは次のとおりです。

モーダル：

<div class="modal fade" id="form-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      <form name="offer-form" id="offer-form" action="offers.php" method="post"> 
       <label for="name-input">Name</label><br> 
       <?php 
        if (isset($_SESSION["name-error"])) { 
         echo "<p>".$_SESSION["name-error"]."</p>"; 
         unset($_SESSION['name-error']); 
        } 
       ?> 
       <input type="text" id="name-input" name="name"><br> 

       <input type="submit" id="submit-input" name="submit" value="Submit"> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
</div> 

スクリプト：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#offer-form").submit(function(e){  
     e.preventDefault(); 
     $.ajax({ 
      type : 'POST', 
      data: $("#offer-form").serialize(), 
      url : 'validate.php', 
      success : function(data){ 

      } 
     }); 
     return false; 
    }); 
}) 

PHP：

<?php 
session_start(); 

$_SESSION["name-error"] = "Error"; 
?> 

問題は表示されているエラーを表示するためにウェブサイトを更新する必要があることです。これをどうすれば解決できますか？

Answer 1

リターンあなたのAJAXとjQueryの使用にセッションの値は、ページにエラー追記：あなたのPHPであなたの成功の機能

success : function(data){ 
     $('label[for="name-input"]').html('</br>'+data.message) 
      } 

に以下を追加します

を

<?php 
session_start(); 
header('Content-Type: application/json'); 
$_SESSION["name-error"] = "Error"; 
echo json_encode(["message"=>$_SESSION["name-error"]]); 
? 

Answer 2

JQUERYでエラーを表示するPHPが$ _SESSIONを処理するようにするには、ページをリロードする必要があります（PHPがサーバー側にあるため）。

のHTML

session_start(); 
    $_SESSION["name-error"] = "Error"; 

    $error = array('error' => $_SESSION["name-error"]); 
    echo json_encode($error); 

<?php 
session_start(); 

$_SESSION["name-error"] = "Error"; 
echo "ERROR"; 


success : function(data){ 
    if(data = "Error") 
    { 

    } 
} 

Answer 3

あなたvalidation.phpファイル

<label for="name-input">Name</label><br> 
      <p class='sessionError'></p> 

あなたのAJAXの成功をあなたのPHPファイルにエコーを行い、あなたの成功の機能でデータをキャッチ機能

 success : function(data){ 
     $('.sessionError').text(data.error); 
      }