jQuery到PHP提交和发布不返回任何结果_Php_Jquery

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

php jquery

jQuery到PHP提交和发布不返回任何结果,php,jquery,Php,Jquery,我已经研究过类似的问题，但仍然无法让代码正常工作。任何帮助都将不胜感激我的html页面如下所示： <!DOCTYPE html> <html> <head> <script src='jquery-3.3.1.min.js'></script> </head> <body> <h1 id="output"></h1> <form id="form

我已经研究过类似的问题，但仍然无法让代码正常工作。任何帮助都将不胜感激

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


$（“#表单”）.submit（函数（）{
让输入=$（'#输入'）.val（）；
$.post（'new.php'，{value:input，function（data）{
$（“#输出”）.html（数据）}
})
})

我的PHP页面如下所示：

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

更新脚本以防止默认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是否正确加载？尝试

console.log（$.fn.jquery）

在感谢您的回答中，我更改了脚本，但它仍然不起作用。如果您使用Chrome、Firefox或Opera（这些我很熟悉），请检查页面并切换到Console选项卡。检查是否打印了任何错误，如果没有，请切换到网络选项卡，重新提交表单，并查看请求是否已实际发送。确保添加到头部的jQuery脚本的

src

指向错误放置的正确URL方括号！它应该是：

$.post（'new.php'，{value:input}，function（data）{$（“#output”）.html（data）}

——其中

{value:input}

是一个对象。感谢大家的帮助！我想我会把它交给我的计算机科学老师，这样他就可以看到整个情况，看看他是否能帮上忙。