2016-09-27 191 views
1

我使用模態來顯示錶格。我想驗證表單並在點擊提交按鈕後顯示可能的錯誤。我不想在驗證後關閉我的模式,所以我決定使用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"; 
?> 

問題是我必須刷新網站才能看到顯示的錯誤。我怎樣才能解決這個問題?

+0

是你的validation.php文件在哪裏創建會話? –

+0

我在兩個文件中都使用session_start()。 –

+0

@Hey喬你只是設置會話變量的權利,但在AJAX響應你必須設置JavaScript的內容來看到消息其他虎鉗PHP將在頁面刷新 –

回答

0

返回會話到你的Ajax和使用jQuery的值追加錯誤頁面:

以下內容添加到您的成功功能

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

在你的PHP

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

工作現在我得到「未定義」,而不是我的錯誤消息。 –

0

使用JQUERY顯示錯誤...如果您希望PHP處理$ _SESSION,您需要重新加載頁面(因爲PHP在服務器端)。

做回聲在你的PHP文件和捕捉的數據你的成功的功能

<?php 
session_start(); 

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


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

    } 
} 
0

你validation.php文件

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

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

你的HTML

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

AJAX的成功funcion

 success : function(data){ 
     $('.sessionError').text(data.error); 
      } 
相關問題