Question

示例我在PHP中有这行代码，我希望在单击按钮时传递这些值并通过jquery接收它。我该怎么做？我已经启动了这些代码，我不知道它的下一步是什么。

PHP代码：

    <?php

echo '<button>Get the values</button>';
$name = 'sample name';
$age = 'sample age';
$add = 'sample add';

?>

JQuery代码：

   $(function() {
    $('button').live('click', function() {
        $.ajax({
            url: 'recieve.php',
            type: 'post',
            data: { get_name: pass_name, get_age: pass_age, get_add: pass_add  },
            success:function(){

            }
        });
    });
});

Answer 1

你能不能让php回应JS中的变量。像这样：

$(function() {
  $('button').live('click', function() {
    $.ajax({
        url: 'recieve.php',
        type: 'post',
        data: { get_name: <?=$name ?>, get_age: <?=age ?>, get_add: <?=add ?>  },
        success:function(){

        }
    });
  });
});

Answer 2

我更喜欢在JSON变量中打印PHP值，然后直接在JS中访问这些值。通过这种方式，您可以将JS代码放在不同的文件中，而无需由PHP解释器进行解析。

<?php
$my_values = array(
    'name' => 'Sample name',
    'age' => 'Sample age',
    'add' => 'Sample add',
);
?>
<html>
  <head>

    <script type="text/javascript">
      var my_values = <?php print json_encode($my_values); ?>;

      $(document).ready(function() {
        $('button').live('click', function() {
          $.ajax({
            url: 'recieve.php',
            type: 'post',
            data: { get_name: my_values.name, get_age: my_values.age, get_add: my_values.add },
            success:function() {

            }
          });
      });
     });

    </script>
  </head>
  <body>
    <button>Get the values</button>
  </body>
</html>

我想知道如何将多个值从php传递给jquery，请参阅下面的情况

2 个答案: