聚合物如何在下一页中使用滑块的值

时间:2015-02-03 10:48:36

标签: javascript php ajax polymer

我在我的项目中使用Polymer和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>

导航到下一页:

<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>

但是我没有看到Page2中回应的任何价值。我想看看上一页中选择的滑块的值。我该如何实现这一目标? 如果需要在此处发布任何其他代码,请告诉我。

谢谢!

0 个答案:

没有答案