无法在 AJAX 中提取 PHP 信息

Question

索引.php →    <form>          <div class="form-group">        <!-- <input type="text" id="name" class="form-control" placeholder="Enter Name"> -->    </div>    <div class="form-group">        <button type="button" class="btn btn-success" id="btn">Click me I am Neo Anderson</button>    </div></form><div id="message"></div><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>    $(document).ready(function(){           $("#btn").click(function(){            $.post("ajax.php",function(response){                // alert(response);                var message = $("#message").val();                message.html(response);                     })            .fail(function(error){                alert(error.StatusText);            })        })          })      </script>和 ajax.php →    <?php echo "The ajax post is working";问题：我无法在我的 ajax 请求中从 ajax.php 文件中获取打印材料。我在哪里步履蹒跚？

Answer 1

你这里有问题：

var message = $("#message").val();

将那行代码替换为：

var message = $("#message");

您不想获取 #message div 的值，所以不要使用val()方法。

Answer 2

$("#message").html(响应);

    //or

var message = $(“#message”);

message.html（响应）；

Answer 3

 $(document).ready(function(){   

    $("#btn").click(function(){

        let message = $("#message").val();

        $.post("ajax.php",{

         msg: message

        },

        function(response){

            // alert(response);

            message.html(response);         

        },"json")

    })      

})

为 JavaScript 试试这个。对于 ajax.php 文件试试这个：

<?php 

echo json_encode("The ajax post is working");