无法在 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”);

消息.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")
    })      
})

Essayer ceci 倾吐 le JavaScript。 Et pour le fichier ajax.php 散文家 ceci：

<?php 
echo json_encode("The ajax post is working");