jquery向php传输数据的问题

Question

我想使用 Ajax 从 #f1 (.Val()) 获取数据并通过 PHP (echo) 显示它，它在 Ajax 中成功，但我无法在 PHP 中获取数据。 它总是说：假的。这是代码：（第86~93行不重要）。有人可以帮忙吗...？

<form action="index.php" method="post" id="submit-form">
                    <div class="d4">
                        username:
                    </div>
                    <div class="d5">
                        <input type="text" , class="in" , name="username" placeholder="username" id="f1">
                    </div>
                    <div class="d4">
                        password:
                    </div>
                    <div class="d5">
                        <input type="text" , class="in" , name="sing2" placeholder="password">
                    </div>
                    <div class="d4">
                        email:
                    </div>
                    <div class="d5">
                        <input type="email" , class="in" , name="sing3" placeholder="email">
                    </div>

                    <div class="d5">
                        <input type="button" , class="in1" , name="sing4" value="submit">
                    </div>
                </form>

<script type="text/javascript">

   
    $("#f1").keypress(function(){
        
        $.ajax({
            type:'POST',
            url:'index.php',
            
            data:{
            uen:$("#f1").val(),
                
            },
            success: function(data) {
                alert($("#f1").val());
            },
            failure: function(data) {
                alert("0");
            },
            
        });
    });
});
</script>
<?php
if(isset($_POST['uen'])){
   echo $_POST['uen'];
}else{
    echo 'false';
}
?>

Answer 1

成功：函数（数据）{
    警报($("#f1").val());
},

对 Ajax 请求的响应将放置在 success 函数的 data 参数中，但您忽略了它。

除非您正在检查浏览器开发人员工具的“网络”选项卡中的数据，否则您无法知道它是否返回 false 或其他内容。

---

当您发出初始 GET 请求来呈现页面时，这段代码：

<前><代码>

...将在 HTML 文档上呈现 false （因为它是 GET 请求）。

后续 Ajax 请求不会及时返回并更改对较早请求的响应以导致浏览器更新 DOM。

为此，您需要读取 success 函数中 data 的值，并使用 JavaScript 基于它修改 DOM。

Answer 2

我在您的代码中看到一些错误，包括表单输入标签中的逗号。这是应该编写的代码：

<form action="form_request.php" method="post" id="submit-form">
<div class="d4">
    username:
</div>
<div class="d5">
    <input type="text" class="in" name="username" placeholder="username" id="f1">
</div>
<div class="d4">
    password:
</div>
<div class="d5">
    <input type="text" class="in" name="sing2" placeholder="password">
</div>
<div class="d4">
    email:
</div>
<div class="d5">
    <input type="email" class="in" name="sing3" placeholder="email">
</div>

<div class="d5">
    <input type="button" class="in1" name="sing4" value="submit">
</div>

jquery 代码中也有一些语法错误，正确的方法如下：

$("#f1").keypress(function () {
    $.ajax({
        type: 'post',
        url: 'ajax_request.php',
        data: {
            async : true,
            uen: $("#f1").val()
        },
        success: function (data) {
            console.log($("#f1").val());
        }
    });
});

最后，修改 PHP 代码片段，使其仅解释使用“async”发送的请求post 变量，在我的示例中，这应该位于名为“ajax_request.php”的文件中，如下所示：

if (isset($_POST['async'])) {
   echo $_POST['uen'];
}

在用户名字段中键入内容会将“keypress”事件异步发送到 PHP 代码，并将响应发送到浏览器控制台（最初显示处于警戒状态）。

我希望对您有所帮助