php - 更新 session 变量而不刷新页面

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

使用 JQUERY 显示错误...如果您希望 PHP 处理您的 $_SESSION，您将需要重新加载页面(因为 PHP 在服务器端)。

在 PHP 文件中进行回显并在成功函数中捕获数据

<?php
session_start();

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


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

    }
}