缓存Ajax调用

我正在构建的应用程序中有一个问题。我读了很多关于类似问题的帖子，并应用了这些帖子中给出的建议。然而，这个问题仍然存在，因此我写了这篇文章。

设置如下:

1. 我有3个php文件:index.php, step_one.php和calculation.php。

2. 从index.php，我通过Ajax调用成功加载step_one.php，如下所示:

   $(document).ready(function () {
           var nocache = Math.random() * new Date().getTime() + Math.random();
               $("#bookings").click(function () {
                   $.ajax({
                       url: 'step_one.php?cach='+nocache,
                       type: 'post',
                       cache: false,
                       success: function (data) {
                           $("#contentLeft").html(data);
                       }
                   });
               });
           });
   

注:step_one.php为html格式。然后在step_one.php中，我在表单中输入数据，并通过另一个Ajax调用将表单数据发送给calculation.php，如下所示:

$("#viewprice").click(function () {
    var nocache = Math.random() * new Date().getTime() + Math.random();
    $.ajax({
        url: 'calculate_quote.php?cache=' + nocache,
        type: 'post',
        dataType: 'json',
        cache: false,
        data: $("#stepOneForm").serialize(),
        success: function (data) {
            console.log(data);
            $(".quote").append(data);
            $(".quote").show();
            document.getElementById("price").value = data;
        }
    });
});

calculation.php文件根据它接收到的数据计算价格，并将json返回给step_one.php。这就是我如何从calculation.php返回json:

header('Content-Type: application/json');
header('Cache-Control: no-cache, no-store, must-revalidate'); // HTTP 1.1.
header('Expires: 0'); // Proxies.
echo json_encode($data);

注意:我第一次点击#viewprice按钮，价格正确，并成功返回step_one.php。但是，当我在step_one.php中输入新数据并重新单击#viewprice按钮时，calculation.php没有返回任何内容。当我检查网络数据时，我看到calculation.php在那里被复制，只有第一个Ajax调用将数据放在其响应中。

在xamp的本地机器上运行。请你帮忙好吗?我哪里做错了?