为什么我的 AJAX 加载表单不将 POST 数据发送到 PHP 脚本？-js教程-PHP中文网

为什么我的 AJAX 加载表单不将 POST 数据发送到 PHP 脚本？

Susan Sarandon

发布： 2024-11-08 13:54:01

原创

637 人浏览过

Why is my AJAX-loaded form not sending POST data to the PHP script?

AJAX 加载内容中的表单发布问题

问题：
使用 $. load() 时，表单的 POST 数据未发送到预期的 PHP 脚本。相反，页面会自行重新加载。

背景：
AJAX（异步 JavaScript 和 XML）允许您将数据发送到服务器，而无需重新加载整个页面。通常，这是使用 XMLHttpRequest 来实现的。

解决方案：
您熟悉 AJAX 吗？如果没有，让我们澄清一下它的功能：

AJAX 允许您将数据发布到外部 PHP 文件，该文件处理数据并返回响应。该过程涉及：

发送数据：
- 使用 $.ajax() ，类型为：“POST”，并且 url 指定要发布到的 PHP 文件。
- 将数据作为带有键值对的字符串包含在 data 参数中。
处理数据：
- 在 PHP 文件中，使用 $_POST 检索发布的数据。
返回响应：
- 当 PHP 文件完成处理时，它会向 JavaScript 返回响应。

示例：

main_file.html:

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // Prevent page reload
      var data = $(this).serialize(); // Serialize form data

      $.ajax({
        type: "POST",
        url: "process_form.php",
        data: data,
        success: function(response) {
          // Handle the response from the PHP file
        }
      });
    });
  });
</script>

<form>

登录后复制

process_form.php:

<?php
  $name = $_POST['name']; // Get the posted name value

  // Process the data

  // Return a response
  echo "Name: $name";
?>

登录后复制

以上是为什么我的 AJAX 加载表单不将 POST 数据发送到 PHP 脚本？的详细内容。更多信息请关注PHP中文网其他相关文章！