javascript - 使用 Ajax 执行 php 文件

Question

当我单击“立即注册”按钮时，我想执行“input.php”，其中包含将数据插入数据库并显示成功消息的代码。我不想离开当前页面。

<input type="button" id="confirm" value="Register Now" class="button">

<script type="text/javascript">
$(document).ready(function() {
  $("#confirm").click(function() {
    <?php
    include 'input.php';
    ?>
    alert ("data Added successfully.");
  });
});
</script>

我的代码显示“数据添加成功”消息，但 PHP 文件尚未执行，也没有数据添加到数据库中。所有必要的数据都在 session 变量中。

Answer 1

建议您尝试以下操作。您不应该尝试在 jQuery 脚本中执行 PHP。执行 AJAX 调用并传递数据并在 PHP 中处理它，而不是依赖 session 变量。例如:

<script type="text/javascript">
    $(document).ready(function () {
        $("#confirm").click(function () {
            $.ajax({
                    type: "POST",
                    url: "index.php",
                    data: {
                        firstname: "Bob",
                        lastname: "Jones"
                    }
                })
                .done(function (msg) {
                    alert("Data Saved: " + msg);
                });
        });
    });
</script>

其中名字、姓氏是您的正常 session 数据。

您可以在 jQuery API Documentation 中了解有关 jQuery.ajax() 函数的更多信息.