Question

代码爱好者！

我想将输入框的值发送给PHP并检查PHP文件的值。加载页面时。但无论我以各种方式尝试，我都会失败。

基本上我想将此输入框的值发送给PHP。

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

这些是我到目前为止所尝试的但没有真正起作用。

<script>
$( document ).ready(function() {
  var currentCount = $("#currentCount").val();
    console.log(currentCount);
     $.post("counteSever.php", {currentCount2: currentCount}, 
        function(result){
        $("span").html(result);
         });
      });

</script>

第二个

<script>
$( document ).ready(function() {
  var currentCount = $("#currentCount").val();
    console.log(currentCount);
   $.ajax({
    url: 'counteSever.php',
    type: 'POST',
    data: {"currentCount2": currentCount},
    dataType: 'JSON',
})
.done(function() {
    console.log(currentCount + " Done");
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});

});
</script>

和第三个

$.ajax({
    type: 'POST',
    url: 'counteSever.php',
    data : { "currentCount2" : currentCount},
    dataType: 'JSON',
    success: function(response){
        $('span').text(name);
        alert(response.data);
    }
});

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

<?php

$current = $_POST['currentCount2'];

echo $current;

?>

说真的不知道问题是什么，我在客户端检查价值没有任何问题，但它似乎没有将值发送给PHP我一直有＆＃34;未定义的索引：currentCount2＆＃34;错误。如果我对ajax功能没有任何问题？谢谢！

Answer 1

据我了解您的问题，您希望将input field的值发送到PHP文件并重新接收并显示在<span>标记中。

因此，您需要进行一些小的改动。见下面的例子。

在AJAX SUCCESS FUNCTION中，您可以使用这3种方法将结果绑定到<span>标记 1）$('span').text(response); 2）$('span').append(response); 3）$（＆＃39; span＆＃39;）。html（响应）;

在这些示例

中使用它们时，您将了解它们之间的区别

这是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;

?>

这是结果图片：

Answer 2

@james，将ajax代码放在html文件的底部。你使用document.ready（）。它会起作用:)）

继续无法使用Ajax

2 个答案: