Question

我有一个带有边栏的简单电影编辑器，用户只需将其拖放到右侧，用户便可以根据需要编辑该元素并将数据保存到JSON，我希望当用户单击以保存它时，应该创建一个新文件并将新数据保存到其中。

到目前为止，这就是我所拥有的

HTML

        <div class="col-2 save-details">
          <div id="save-block">
            <button type="button" class="btn btn-success btn-save">Save</button>
          </div>
        </div>

这是保存文件的js

var moviesblocks =null;

$(document).ready(function(){

$.getJSON('moviesblocks.json', function (data) {

    moviesblocks = data.moviesblocks;
    console.log(moviesblocks);

});

$("#main-btn-save").on("click", function () {

    var moviesparams = JSON.stringify({
        moviesblocks: moviesblocks
    });

    $.ajax({
            type: 'POST',
            data: {
                moviesparams: moviesparams
            },
            url: 'save_movies_block.php',
            success: function (data) {
                    $('#msg').html(data).fadeIn('slow');
                    $('#msg').delay(2000).fadeOut('slow');
            },
            error: function () {
                    $('#error-msg').html(data).fadeIn('slow');
                    $('#error-msg').delay(2000).fadeOut('slow');
            }
    });

    console.log(moviesparams);
});

})

这是处理该过程的php文件

<?php
if(isset($_POST['moviesparams'])){
    $moviesparams = json_decode($_POST['moviesparams']);
    // do whatever checks you need on $moviesparams to verify valid data
    $success = file_put_contents("moviesblocks.json", json_encode($moviesparams));
    if($success === false){
        echo "sorry , something is wrong";
        die();
    }else{
        echo "Data successfully saved";
        die();
    }
} else {
    echo "nic";
}

$data=file_get_contents("data.json");
$result=json_decode($data);
?>

如您现在所见，用户单击后将其保存到该文件中

moviesblocks.json

现在我想要当用户单击保存时，它应该保存到新文件类似于moviesblocks1.json而不是movieblocks.json

这是现场演示live demo

我如何实现自己想要的？

Answer 1

如果您不想使用数据库，则需要再创建一个文件来维护文件版本号。每次您想要创建新文件时，请从此version.txt文件中获取最新版本号，并将其附加到文件名中。例如：moviesblocks1.json，moviesblocks2.json。

创建新文件后，从version.txt更新版本。这将帮助您下次创建新的版本号。

如何通过使用AJAX和PHP进行迭代将JSON数据保存到新的JSON文件中？

1 个答案: