php - 不使用 jQuery 获得值(value)

Question

<form method="POST">
<div id="showme">Show me <?php echo $_POST['name']?></div>
Send the value<input type="radio" name="name" value="ja"/>
<input type="submit" id="submit" name="submit" value="BEREKENEN! ">
</form>
<script>
 $(document).ready(function () {
    $('#showme').hide();
    $('#submit').click(function(e) {
      e.preventDefault();
      $('#showme').fadeIn(5000);
    });
  });
</script>

此代码不会将单选按钮的值发送到 showme分区我收不到 $_POST['name']当我使用 hide()和 fadeIn()在 <script> 之间标签。

只要我不使用 jQuery，它就会发送数据 - 使用它时，它不会让我发送值。我该如何解决这个问题，这只是 1 个单选按钮的示例。我有 6 个单选按钮的列表需要发送到同一个文件中的 PHP 部分，我不想为此创建另一个文件。

此代码将淡入请求的 div，它向我显示 Show me但它不会显示我在 <?php echo $_POST['name']?> 行中要求的值

Answer 1

PHP 在服务器上被解析。 <?php echo $_POST['name']?>已经被评估和echo在任何提交内容发生之前很久就进入页面。您需要的是使用 AJAX。

您可以替换 submit按钮只是一个常规按钮，删除 <form>元素完全均匀。

jQuery:

$('#submit').on('click', function(evt) {
    var e = evt || window.event;
    e.preventDefault();
    $.post('page.php', { name: $('input[name="name"]').val() }, function ( data ) {
        $('#showme').append(data).fadeIn(5000);
    });
    return false;
});

(如果您按照我下面的操作将 submit 变成 button，则不需要 e.preventDefault())

PHP:

if(isset($_POST['name'])) { 
    echo $_POST['name'];
    return;
}

HTML:

<div id="showme">Show me </div>
<label for="name">Send the value</label><input type="radio" name="name" value="ja"/>
<input type="button" id="submit" name="submit" value="BEREKENEN!">

不过，我不太确定您是否可以使用 PHP 从单选按钮获取非 bool 值。您最好使用 <input type="hidden" value="ja" />或者也许 type="text" .