Question

我的HTML中有一个按钮，当你点击它时，我需要让它在PHP文件中运行一个查询，然后回显结果。

我尝试过以下操作，但是，当我点击按钮时，它什么也没做。怎么了？

HTML / Ajax的：

<?php
  $reply_id = 15;
?>

<html>
  <body>
    <center><a class="btn show-more">Show more comments</a></center>
    <div id="resultcomments"></div>

    <script type="text/javascript">
      var id = $reply_id;

      $(document).ready(function() {    
        $(".show-more").click(function() {
          $.ajax({
            url: 'assets/misc/test.php',
            type: "POST",
            data: ({id_variable: id}),
            function(data) {
              $("#resultcomments").html(data);
            }
          });        
        });
      });
    </script>
  </body>
</html>

PHP（位于assets / misc / test.php）：

<?php

  $replyid= $_POST['id_variable'];

  echo $replyid;

  // query would go here

?>

Answer 1

因为$reply_id是PHP变量，所以在javascript中使用它需要做：

var id = <?php echo $reply_id; ?>;
....

并改变：

data: ({id_variable: id})

到

data: {id_variable: id}

像：

$.ajax({
     url: 'assets/misc/test.php',
     type: "POST",
     data: {id_variable: id},
     success: function(data) {
         $("#resultcomments").html(data);
     }
});

Answer 2

你没有将你的AJAX成功函数分配给一个键，所以我认为它不会被解雇。（您可以尝试使用console.log()或调试器进行检查。）请尝试以下方法：

$.ajax({
    url: 'assets/misc/test.php',
    type: "POST",
    data: {id_variable: id}
}).done(function (data) {
    $("#resultcomments").html(data);
});

Answer 3

在javascript中试试这个

var id = <?php echo $reply_id; ?>;

Answer 4

ajax中的数据属性不需要括号，

  data: {id_variable: id},

尝试使用数据属性

将值发送给PHP

4 个答案: