Javascript 如何在下一页中使用滑块的值

我正在我的项目中使用聚合物和PHP。 我在一个页面中使用纸张滑块，并使用AJAX将其值传输到下一个页面，在下一个页面中，它将在PHP代码中用于某些操作。 我的代码是：

对于Page1.php中的脚本

     <script>
           var flowPercent = document.querySelector('#flow');
    $.ajax({
      url: 'http://localhost/Page3.php',
      type : 'POST',
      data : {x:flowPercent.value},
      success: function( data ) {
      console.log( data );
      }

    });

    // custom transformation: scale header's title
    var titleStyle = document.querySelector('.title').style;
    addEventListener('core-header-transform', function(e) {
      var d = e.detail;
      var m = d.height - d.condensedHeight;
      var scale = Math.max(0.75, (m - d.y) / (m / 0.25)  + 0.75);
      titleStyle.transform = titleStyle.webkitTransform =
          'scale(' + scale + ') translateZ(0)';

    });    
  </script>

var flowPercent=document.querySelector（“#flow”）；
$.ajax({
网址：'http://localhost/Page3.php',
键入：“POST”，
数据：{x:flowPercent.value}，
成功：功能（数据）{
控制台日志（数据）；
}
});
//自定义转换：缩放标题的标题
var titleStyle=document.querySelector（'.title'）.style；
addEventListener（'core-header-transform'，函数（e）{
var d=e.细节；
var m=d高度-d高度；
var标度=数学最大值（0.75，（m-d.y）/（m/0.25）+0.75）；
titleStyle.transform=titleStyle.webkitttransform=
"比例"("比例+比例")转换z(0)",；
});    

要导航到下一页，请执行以下操作：

<paper-button span raised class="colored" onclick="window.open('Page2.php','_parent');" layout center horizontal>Next</paper-button>

下一步

在Page2.php中检索值：

<?php echo $_POST['x'];?>

我已经在Page1.php中导入了这个：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

但我在第2页没有看到任何价值观的回响。我想查看上一页中所选滑块的值。我如何做到这一点？ 如果需要在这里发布任何其他代码，请务必告诉我

谢谢