Javascript 始终无法使用Ajax将值发送到PHP_Javascript_Php_Jquery_Ajax_Post

Javascript 始终无法使用Ajax将值发送到PHP

javascript php jquery ajax post

Javascript 始终无法使用Ajax将值发送到PHP,javascript,php,jquery,ajax,post,Javascript,Php,Jquery,Ajax,Post,代码爱好者我想将输入框的值发送到PHP，并检查PHP文件上的值。当页面加载时。但无论我以各种方式尝试什么，我总是失败基本上我想把这个输入框的值发送到PHP Current Counte : <input type="text" name="currentCount" id="currentCount" value="6"> <span> result </span> 和我的简单PHP文件来检查是否发送了值 <?php $current = $_P

代码爱好者

我想将输入框的值发送到PHP，并检查PHP文件上的值。当页面加载时。但无论我以各种方式尝试什么，我总是失败

基本上我想把这个输入框的值发送到PHP

Current Counte : <input type="text" name="currentCount" id="currentCount" value="6">
<span> result </span>

和我的简单PHP文件来检查是否发送了值

<?php

$current = $_POST['currentCount2'];

echo $current;

?>

说真的，我不知道问题出在哪里，我在检查客户端的值方面没有任何问题，但它似乎没有将值发送到PHP，因为我一直有未定义的索引：currentCount2错误。

如果我对ajax函数没有任何问题？谢谢

我理解了您的问题，您希望将输入字段的值发送到PHP文件，并将其接收回来并显示在标记中

所以这里有一些你需要做的小改动。请参见下面的示例

在AJAX成功函数中，您可以使用以下3种方法将结果绑定到标记 1$'span'.textresponse； 2$'span'。响应； 3$'span'.htmlresponse

在这些示例中，您将知道它们之间的区别

这是HTML文件

 <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>

    Current Counte : <input type="text" name="currentCount" id="currentCount" value="6">
    <br>
    <span> result </span>
<script>
$(document).ready(function(){
    var currentCount = $("#currentCount").val();

   $.ajax({
        type: 'POST',
        url: 'counteSever.php',
        dataType:'json',
        data : {currentCount2 : currentCount},
        success: function(response){
            console.log(response);
            $('span').append(response);
        }
    });
});
</script>
</body>
</html>

这是php文件counteSever.php

<?php
$current = $_POST['currentCount2'];

echo $current;

?>

这是结果图：

@james，将ajax代码放在html文件的底部。您正在使用document.ready。它将起作用：

您的所有尝试似乎都很好。您是否检查过控制台以查看是否有任何错误，以及请求的响应代码是什么？此外，在页面加载时发出AJAX请求似乎有点多余-您已经知道页面在此时的状态了。。。？我假设这只是一个学习练习？文档一加载，您就会得到输入的值。你不应该这样做。输入是为了。。。。手动输入，这需要时间。因此，当用户提交表单（输入是表单的一部分）时，获取该值。@james David Deann是否希望通过ajax像这样显示数据[如图所示]签出检查元素，选项卡网络，按F5并在此处检查ajax调用。贴得好吗？谢谢你的帮助！它在客户端运行良好，我可以检查它是否将值发送到PHP，但我不知道为什么我在PHP中一直存在未定义的索引错误。@James David Deann可以向我发送错误和代码的屏幕截图

<?php

$current = $_POST['currentCount2'];

echo $current;

?>

 <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>

    Current Counte : <input type="text" name="currentCount" id="currentCount" value="6">
    <br>
    <span> result </span>
<script>
$(document).ready(function(){
    var currentCount = $("#currentCount").val();

   $.ajax({
        type: 'POST',
        url: 'counteSever.php',
        dataType:'json',
        data : {currentCount2 : currentCount},
        success: function(response){
            console.log(response);
            $('span').append(response);
        }
    });
});
</script>
</body>
</html>

<?php
$current = $_POST['currentCount2'];

echo $current;

?>