2016-09-27 207 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); 
      } 
相关问题