使用 Ajax 插入和获取数据插入工作但 fetch 功能不工作答案

【问题标题】：using Ajax to insert and fetch the data insert is working but fetch function is not working使用 Ajax 插入和获取数据插入工作但 fetch 功能不工作
【发布时间】：2018-11-16 11:58:46
【问题描述】：

我正在使用 ajax 插入并从数据库中获取数据，插入工作正常，但获取部分无法正常工作，请提供反馈以解决此问题。

<script>
            $(document).ready(function(){
                $("#button").click(function(e){
                   e.preventDefault();
                    var postId=$("#postId").val();
                    var userId=$("#userId").val();
                    var postComm=$("#postComments").val();

                    $.ajax({
                        url:'../validate/inserPostComm.php',
                        method:'POST',
                        data:{
                            poId:postId,
                            usId:userId,
                            poco:postComm
                        },
                       success:function(data){
                           //alert(data);
                           displayFromDatabase();
                           $("#postComments").val('');
                       }
                    });
                });
            });

              function displayFromDatabase(){
                    var postId=$("#postId").val();
                        alert(postId);
                  $.ajax({
                      url: "../validate/getComments.php",
                      type: "POST",
                      async: false,
                      data: {
                            poId:postId,
                      },
                      success: function(data){
                        ('#display_area').html(data);  
                   }
                  });
              }
          </script>

这是我的 html 代码，用于从数据库中检索获取详细信息。

<li>
  <div id="display_area">

   </div>
</li> 
<button type="button" id="button"><i class="fa fa-paper-plane"></i></button>

我还通过 ajax 附加了我的 php 代码，我传递了 id 并根据 id 获取详细信息。

$postId=$_POST["poId"];

$getPostCom=$postComments->getPostComm($postId,"../");

while($PostComments=mysqli_fetch_assoc($getPostCom))
 {

    ?>


    <div class="comet-avatar">
        <img src="<?php echo $PostComments["u_image"]; ?>" alt="">
    </div>
        <div class="we-comment">
            <div class="coment-head">
                <h5><a href="user-profile.php?user_id=<?php echo $PostComments["u_id"]; ?>" title=""><?php echo $PostComments["u_fname"]; ?> <?php echo $PostComments["u_lname"]; ?></a></h5>
            </div>
                <p><?php echo $PostComments["p_comments"]; ?></p>
        </div>

<?php
 }
    exit();
?>

【问题讨论】：

您的代码中没有 ID 为 button 的元素。提供minimal reproducible example
你在成功块中错过了 $
您是否查看了开发者控制台中的错误？

标签： javascript php jquery ajax

【解决方案1】：

是的，这段代码运行良好，但我错过了成功块中的 $。

<script>
            $(document).ready(function(){
                $("#button").click(function(e){
                   e.preventDefault();
                    var postId=$("#postId").val();
                    var userId=$("#userId").val();
                    var postComm=$("#postComments").val();

                    $.ajax({
                        url:'../validate/inserPostComm.php',
                        method:'POST',
                        data:{
                            poId:postId,
                            usId:userId,
                            poco:postComm
                        },
                       success:function(data){
                           //alert(data);
                           displayFromDatabase();
                           $("#postComments").val('');
                       }
                    });
                });
            });

              function displayFromDatabase(){
                    var postId=$("#postId").val();
                        alert(postId);
                  $.ajax({
                      url: "../validate/getComments.php",
                      type: "POST",
                      async: false,
                      data: {
                            poId:postId,
                      },
                      success: function(data){
                        $('#display_area').html(data);  
                   }
                  });
              }
          </script>

【讨论】：