Question

我看过类似的问题，但仍然无法使我的代码正常工作。任何帮助将不胜感激。

我的html页面如下：

<!DOCTYPE html>
<html>
  <head>
    <script src='jquery-3.3.1.min.js'></script>
  </head>
  <body>
    <h1 id="output"></h1>
    <form id="form">
      <input type="text" id="input">
      <input type="submit">
    </form>
    <script type="text/javascript">
    $("#form").submit(function(){

      let input = $('#input').val();

      $.post('new.php', {value : input, function(data){
        $("#output").html(data)}
      })
    })
    </script>
  </body>
</html>

我的PHP页面如下：

<?php 
if(isset($_POST['value'])){
  $value = $_POST['value'];
  echo $value;
};
?>

Answer 1

更新脚本，以防止默认的HTML表单提交事件重新加载页面。您可以像下面的示例一样使用preventDefault()或直接返回false。

$("#form").submit(function(e){
    e.preventDefault();
    let input = $('#input').val();

    $.post('new.php', {value : input, function(data){
         $("#output").html(data)}
    })
 })

更新

弯括号也放错了位置。

$.post('new.php', {value : input}, function(data){
    $("#output").html(data)
})

感谢Louys Patrice Bessette

jQuery到PHP的提交和发布未返回任何结果

1 个答案: