Question

如何在ajax请求后重新生成令牌的输入，因此我不需要重新加载页面，这是我生成令牌的PHP代码

<?php 
class Token {   
public static function generate() {
    return $_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(32));
}
public static function check($token){
    if(isset($_SESSION['token']) && $token === $_SESSION['token']){ 
        unset($_SESSION['token']);                  
        return true;        
    }
    return false;
  }
}
?>

这是我发送ajax请求的jQuery代码

function load() {   
    $('#load-data').load('process/karyawan/load.php');  
}


function insert(){
$('form').submit(function(e){
    e.preventDefault();
    var form = $(this);     
    $.ajax({
        type: form.attr('method'),
        url: 'process/karyawan/insert.php',
        data: form.serialize(),
        success: function(result){              
                load();
            }

        }
    });
});
}

这是我的表格

<form action="" method="post">          
        <div class="kiri">
            <div class="inp">   
                <input type="text" name="nama_karyawan" placeholder="Nama Karyawan" class="form-control nama_karyawan">
            </div>
            <div class="inp">                   
                <textarea class="form-control" name="alamat_karyawan" rows="5" placeholder="Alamat Karyawan"></textarea>
            </div>
        </div>
        <div class="kanan">
            <div class="inp">   
                <input type="password" name="password" placeholder="Password" class="form-control">
            </div>
            <div class="inp">   
                <input type="text" name="telepon_karyawan" class="form-control" placeholder="Telepon Karyawan">
            </div>
            <div class="inp">   
                <input name="akses" class="form-control" value="Admin" readonly>
                <div class="error-msg err05"></div>
            </div>                              
            <div class="inp">
                <input type="submit" name="insert" value="Simpan" class="btn btn-success col-sm-12">
                <input type="hidden" name="token" value="<?=Token::generate();?>">
            </div>
        </div>              
    </form>

这是我的load.php文件

 <?php 

session_start();

require_once('../../classes/Config.php');
require_once('../../classes/Database.php');
require_once('../../classes/Query.php');
require_once '../../classes/ErrorHandler.php';
require_once '../../classes/Validator.php';
require_once '../../classes/Token.php';

$connection = new Database($host, $username, $password, $database);
$main = new Query($connection);

$table = 'karyawan';
$selectData = $main->select($table);

while($fetchData = $selectData->fetch_object()){
    if(@$_SESSION['owner']){
        $delete = '<a href="?page=deleteKaryawan&id_karyawan='.$fetchData->id_karyawan.'"><i class="fa fa-trash"></i></a>';
        $button = '<td class="text-center">'.$delete.'</td>';
    }else{
        $button = null;
    }
    echo '<tr>
            <td class="text-center">'.$fetchData->id_karyawan.'</td>
            <td class="text-center">'.$fetchData->nama_karyawan.'</td>
            <td class="text-center">'.$fetchData->alamat_karyawan.'</td>
            <td class="text-center">'.$fetchData->telepon_karyawan.'</td>
            <td class="text-center">'.$fetchData->akses.'</td>
            '.$button.'     
        </tr>';
}
?>

对于第一个请求，代码运行良好，但对于第二个请求，我认为它不再运行正常，因为我已经取消设置令牌..有人可以给我一个建议来重新生成令牌在ajax请求之后？谢谢

Answer 1

因为你是unset你的令牌，所以下一次验证将失败。您必须在check之后重新生成一个新的并更新您的HTML令牌字段。

首先，在您的JS insert()中，添加"json"数据类型。

然后，在您的成功函数中，更新该字段。

function insert(){
$('form').submit(function(e){
    e.preventDefault();
    var form = $(this);     
    $.ajax({
        type: form.attr('method'),
        url: 'process/karyawan/insert.php',
        data: form.serialize(),
        dataType: "json", // NEW
        success: function(result){
               $("input[name=token]").val(result.token); // NEW              
                load();
            }

        }
    });
});
}

在你的update.php中：

session_start();
// check and to stuff...
// then
$new_token = Token::generate(); // generate a new token

echo json_encode(['token' => $new_token]); // send to JS
die;

在ajax请求之后重新生成csrf标记

1 个答案: