Question

你知道我的代码有什么问题吗？我认为它会起作用。我只是想在没有刷新网站的情况下回显从输入到div的数据。 Ajax发送数据，但php没有显示它们，我真的不明白为什么。

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() 
        {
            $(document).on("submit", ".form", function()
            {
                event.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: 'http://dev.nostools.cz/',
                    data: $('.form').serialize(),
                    success: function () {
                      //alert('form was submitted');
                    }
                  });
            })
        });

    </script>
    <div style="width: 250px; height: 100px;">
        <div id="show" style="width: 100%; height: 80%; overflow-y: scroll; border: 1px solid black;">
        <?php

            if (isset($_POST['submit']))
            {
                echo $_POST['console']; //echo data or do something here
            }

        ?>
        </div>
        <div style="width: 100%; height: 20%;">
            <form class="form" method="post">
                <input id="console" style="padding: 0; width: 67%;" type="text" name="console" />
                <input style="padding: 0; width: 31%;" type="submit" name="submit" />
            </form>
        </div>
    </div>

Answer 1

由于php是服务器端脚本语言php脚本仅在服务器端运行... 在这里，您尝试在客户端处理/运行php脚本，这是不正确的方式..显示数据在您的成功函数中进行以下更改。

$.ajax({
                type: 'POST',
                url: 'http://dev.nostools.cz/',
                data: $('.form').serialize(),
                ***success: function (data) {***
                  $("#show").html($("#console").val());
                }
              });


<?php
    $_POST['console'];
    //process your data.
    echo $processed_data;
?>

PHP没有回应ajax发送的数据

1 个答案: