Question

我正在使用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();
?>

Answer 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>

使用Ajax插入和获取数据插入有效，但获取功能无效

1 个答案: