Php响应显示输入而不是仅显示数据 - Php response showing inputs instead of only data

Php response showing inputs instead of only data

本文关键字：显示数据响应输入 Php | 更新日期: 2023-09-27

我有一个包含2个字段的简单表单。我希望在提交表单时将字段的值显示到div中，但我必须先获取php文件。

脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("form").submit(function() {
            $.post($(this).attr("form.php"), $(this).serialize(), function(data) {
                $("#capacontenidora").html(data);
            });
            return false; // prevent normal submit
        });
    });
</script>

HTML:

<div style="text-align: center;">
    <form method="post">
    <div>Camp:<input type="text" id="camp1" value="valor1" name="valor1"></div>
    <div style="text-align-top;">Camp2:<input id="camp2" value="valor2" name="valor2"></div>
    <div><input type="submit" value="enviar"></div>
    </form>
</div>
<div id="capacontenidora">
</div>

PHP:

<?php
    echo $_POST['valor1']." ".$_POST['valor2'];
?>

问题是它再次打印带有值的输入，我只想打印值。。。我认为这与serialize（）有关，但我真的不知道如何修复它，有什么想法吗？非常感谢大家！

我终于解决了它，在其他帖子中找到了一些代码，并实际工作了。

    <script type="text/javascript">
        $(document).ready(function() {
            $('form').submit(function () {
                $.post('form.php', $('form').serialize(), function (data, textStatus) {
                     $('#capacontenidora').html(data);
                });
                return false;
            });
        });
    </script>