在与php echo相同的文件中使用jQuery变量

Question

我在custom.php文件中写了以下代码（只有一个文件！）：

jQuery(function ($) {
  $('.price_calc').hide();
   $('.lengthm2, .widthm2').keyup(function(){
     var priceProduct = <?php echo $priceProduct; ?>;
     var lengthM2 = $("#lengthM2").val();
     var widthM2 = $("#widthM2").val();
     var totalM2 = (lengthM2 / 100) * (widthM2 / 100);
     var totalPrice = totalM2 * priceProduct;
     $(".m2_customer_total").html(totalM2.toFixed(2));
     $(".price_customer_total").html('€'+ totalPrice.toFixed(2));
     console.log(lengthM2);
     console.log(widthM2);
});

现在在同一个文件中我添加了以下代码：

<?php
        $lengthM2 = $_POST['length'];
        $widthM2 = $_POST['width'];
        echo do_shortcode( '[gravityform id="2" title="false" field_values="lengthM2='.$lengthM2.'&widthM2='.$widthM2.'"]' )
?>

我无法使用POST变量，因为我没有发布任何内容。

但我怎样才能正确管理呢？我试过了$.post (jQuery)，但根本不起作用。