通过jq读取和修改json数据

<div class="number">
    <span id="yynum">0</span>
</div>
<div class="yuyue">
    <a href="javascript:;" onclick="updateBtn()" title="预约">
        <img src="./images/kb00.png" width="220">
    </a>
</div>
<script>
    $(function() {
        updatehtml();
    })
    //更新页面
    function updatehtml(){
        $.ajax({
            url: "data.json", //同文件夹下的json文件路径
            type: "GET", //请求方式为get
            dataType: "json", //返回数据格式为json
            success: function(data) { //请求成功完成后要执行的方法 
                console.log("获取json数据成功，ajax刷新数据。");
                $("#yynum").html(data.yynum);
                console.log(data);
            }
        })
    }
    //按钮，获取json数据传递到修改方法
    function updateBtn() {
        var yynum = 0;
        $.ajax({
            url: "data.json", //同文件夹下的json文件路径
            type: "GET", //请求方式为get
            dataType: "json", //返回数据格式为json
            success: function(data) { //请求成功完成后要执行的方法 
                yynum = data.yynum;
                console.log("请求存储的json数据，yynum="+yynum);
                updateFile(yynum)
            }
        })
        // 获取输入的内容
    }
    //修改json数据
    function updateFile(yynum){
        var newContent = '{"yynum":"'+ (parseInt(yynum) + 1) +'"}';
        $.ajax({
            url: "update.php", // 后端处理文件的路径
            type: "POST",
            data: {
                content: newContent
            }, // 发送给后端的数据
            success: function(response) {
                $("#yynum").html(parseInt(yynum) + 1);
                console.log("文件已成功修改");
            },
            error: function(xhr, status, error) {
                console.log("修改文件时发生错误：" + error);
            }
        });
    }
</script>

<?php
$content = $_POST['content']; // 接收前端传递过来的修改内容
$filename = 'data.json'; // 待修改的本地文件，可以根据实际情况更改
if(file_exists($filename)) // 检查文件是否存在
{
file_put_contents($filename, $content); // 修改文件内容
echo "文件已成功修改";
}
else
{
echo "文件不存在";
}
?>0

{"yynum":"0"}