Fatal编程技术网
  • php/
  • 简单jquery-ajax-post-php不工作

简单jquery-ajax-post-php不工作

php jquery

简单jquery-ajax-post-php不工作,php,jquery,Php,Jquery,您好，我正在学习使用php的jquery。我创建了非常小的php和jquery代码来获取价值，但它不起作用。我检查控制台，但并没有提供我参考过的jQueryAPI文档的任何信息，这和我遵循的过程相同，但并没有任何用处。我怎样才能解决这个问题 <script> $(document).ready(function(){ $("#submit").click(function(){ var term= $("#sterm").val();

您好，我正在学习使用php的jquery。我创建了非常小的php和jquery代码来获取价值，但它不起作用。我检查控制台，但并没有提供我参考过的jQueryAPI文档的任何信息，这和我遵循的过程相同，但并没有任何用处。我怎样才能解决这个问题

   <script>
   $(document).ready(function(){
       $("#submit").click(function(){
           var term= $("#sterm").val();          
           $.post('oopsdata.php', {nwterm: term}, function(data){
               ("#container").html(data);
           });
       });
   });
   </script>

    <body>
     <form class="" action="" method="post">
        <input type="text" name="" value="" id="sterm">
        <input type="submit" name="" value="Search term" id="submit">
     </form>
     <div id="container">olddata</div>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
变量项=$（“#sterm”）.val（）；
$.post（'oopsdata.php'，{nwterm:term}，函数（数据）{
（“#容器”）.html（数据）；
});
});
});
旧数据
PHP代码

<?php
   $newterm = $_POST['nwterm'];
   if($newterm == 'bio'){
       echo "Request received This is the new data"
   } else {
       echo "no data received;"
   }
?>
您的代码几乎没有问题，例如：

  • 您首先需要防止您的表单被提交。使用jQuery的
  • （“#容器”）.html（数据）之前缺少
    $
基于以上两点，您的jQuery代码应该如下所示：

$(document).ready(function(){
    $("#submit").click(function(event){
       event.preventDefault();
        var term= $("#sterm").val();          
        $.post('oopsdata.php', {nwterm: term}, function(data){
            $("#container").html(data);
        });
    });
});

<?php
    $newterm = $_POST['nwterm'];
    if($newterm == 'bio'){
        echo "Request recieved This is the new data";
    }else{
        echo "no data recieved";
    }
?>
  • PHP代码中有两个语法错误。缺少
    echo
    语句中的code>
基于以上观点，您的PHP代码应该如下所示：

$(document).ready(function(){
    $("#submit").click(function(event){
       event.preventDefault();
        var term= $("#sterm").val();          
        $.post('oopsdata.php', {nwterm: term}, function(data){
            $("#container").html(data);
        });
    });
});

<?php
    $newterm = $_POST['nwterm'];
    if($newterm == 'bio'){
        echo "Request recieved This is the new data";
    }else{
        echo "no data recieved";
    }
?>
您的代码几乎没有问题，例如：

  • 您首先需要防止您的表单被提交。使用jQuery的
  • （“#容器”）.html（数据）之前缺少
    $
基于以上两点，您的jQuery代码应该如下所示：

$(document).ready(function(){
    $("#submit").click(function(event){
       event.preventDefault();
        var term= $("#sterm").val();          
        $.post('oopsdata.php', {nwterm: term}, function(data){
            $("#container").html(data);
        });
    });
});

<?php
    $newterm = $_POST['nwterm'];
    if($newterm == 'bio'){
        echo "Request recieved This is the new data";
    }else{
        echo "no data recieved";
    }
?>
  • PHP代码中有两个语法错误。缺少
    echo
    语句中的code>
基于以上观点，您的PHP代码应该如下所示：

$(document).ready(function(){
    $("#submit").click(function(event){
       event.preventDefault();
        var term= $("#sterm").val();          
        $.post('oopsdata.php', {nwterm: term}, function(data){
            $("#container").html(data);
        });
    });
});

<?php
    $newterm = $_POST['nwterm'];
    if($newterm == 'bio'){
        echo "Request recieved This is the new data";
    }else{
        echo "no data recieved";
    }
?>
不要将提交按钮设置为类型submit或makepreventeddefaultfirst:
（“#container”）.html（数据）
括号前面缺少
$
。第二：当提交表单时，站点通常会重新加载表单，这样您就不会看到ajax调用的输出。使用
event.preventDefault
或不使用submit按钮我在项目中使用jquery库文件为什么跳过命名输入？不要将submit按钮设置为类型submit或将prevent defaultFirst:
（“#容器”）.html（数据）
括号前面缺少
$
。第二：当提交表单时，站点通常会重新加载表单，这样您就不会看到ajax调用的输出。使用
event.preventDefault
或不使用submit按钮我在项目中使用jquery库文件为什么跳过命名输入？