如何使用 AJAX 将数据发布到 PHP 文件而不重新加载页面？

问题：在 $.load 中发布表单遇到困难

尝试单击按钮执行代码时，遇到发布数据未成功传输到的问题名为“MonsterRequest.php”的指定 PHP 文件。相反，页面会自行重新加载，就像数据正在发送到主父页面一样。目标是在不导致页面重新加载的情况下发布数据。

说明：

AJAX：异步 JavaScript 和 XML

要了解此问题，熟悉 AJAX 很重要。 AJAX 是 Web 开发中使用的一种技术，允许 Web 浏览器和 Web 服务器之间进行数据交换，而无需重新加载页面。这可以使用 JavaScript 中的 XMLHttpRequest 对象来实现，该对象异步向 Web 服务器发送请求。

在您的代码中，您使用 $.load 将“MonsterRequest.php”文件加载到“CenterPiece”div 中。但是，此方法不适合发布数据。它主要用于将外部内容加载到指定元素中。

解决方案：

要在不重新加载页面的情况下发布数据，您应该使用 $.ajax 方法。此方法允许您将异步数据发送到服务器端脚本并接收响应，而不会影响主页内容。

这是使用 $.ajax 的代码的修改版本：

    Readthis = "MonsterRequest.php?id=<?php echo $_REQUEST['id']; ?>&Mon=";
    TestVar = TestVar.replace(/\s/g, "");
    Readthis = Readthis + htmlencode(TestVar);

    $.ajax({
        url: Readthis,
        type: "POST",
        data: {
            Mon: TestVar
        },
        success: function(data) {
            // Handle the server response here (e.g., display data in the "CenterPiece" div)
        }
    });

在这段代码中，$.ajax 方法用于将“TestVar”变量中包含的数据发送到“MonsterRequest.php”，而无需重新加载页面。 “success”函数可用于处理服务器的响应并根据需要更新 DOM。

以上是如何使用 AJAX 将数据发布到 PHP 文件而不重新加载页面？的详细内容。更多信息请关注PHP中文网其他相关文章！