如何从 jquery .post 访问 $_POST 变量？答案

【问题标题】：How do I access $_POST variables from a jquery .post?如何从 jquery .post 访问 $_POST 变量？
【发布时间】：2013-08-06 02:16:35
【问题描述】：

我正在尝试使用 jquery post 尝试将表单数据异步发送到 php 文件，该文件会将数据上传到我的数据库。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <div id="contact_form">  
    <form id="contact" name="contact" method="post">  
  <fieldset>  
    <label for="name" id="name_label">Name</label>  
    <input type="text" name="name" id="name" size="30" value="" class="text-input" />  

    <label for="email" id="email_label">Return Email</label>  
    <input type="text" name="email" id="email" size="30" value="" class="text-input" />  

    <label for="phone" id="phone_label">Return Phone</label>  
    <input type="text" name="phone" id="phone" size="30" value="" class="text-input" />  

    <br />  
    <input type="submit" name="submit" class="button" id="submit_btn" value="Submit" />  
  </fieldset>  
</form>  
</div>  
  <div id="result"></div>

<script>
$(document).ready(function(){
/* attach a submit handler to the form */
$("#submit_btn").submit(function(event) {

  /* stop form from submitting normally */
  event.preventDefault();

 $.post("process.php", $("#contact").serialize());


  return false;
});
});
</script>

</body>
</html>

我知道它是对数据进行串行编码，但我的 php 脚本没有接收到它，我不确定我做错了什么。我知道这很简单，但我已经为此工作了几天，似乎无法弄清楚。我明白如何在没有 jquery 的情况下做到这一点，但在这种情况下我真的需要它。这是我的php：

if(isset($_POST['submit']))
{
    $var_name = $_POST['name'];
    $var_email = $_POST['email'];
    $var_phone = $_POST['phone'];

//This establishes a connection to the database. It also says what to do if the connection fails.
try {
    $db_handle = new PDO("mysql:host=$server;dbname=$database", $db_username, $db_password);
    $db_handle->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    $stmt = $db_handle->prepare('INSERT INTO contact(name, email, phone) VALUES(:name, :email, :phone)');   
    $stmt->execute(array(
        ':name' => $var_name,
        ':email' => $var_email,
        ':phone' => $var_phone,
        ));
    } catch(PDOException $e) {
    echo 'Error: ' . $e->getMessage();
    }
}

【问题讨论】：

标签： php jquery post http-post

【解决方案1】：

$("contact").serialize()

应该是：

$("#contact").serialize()

您的选择器不正确，因此您实际上并未向服务器发送任何内容。下次，在浏览器工具中检查请求。

【讨论】：

嘿，说到这个，我先试过了，它也不起作用。
感谢您的帮助！

【解决方案2】：

当你用 jQuery 序列化一个表单时，提交按钮不包括在内，所以你应该替换

if(isset($_POST['submit']))

由

if ($_SERVER['REQUEST_METHOD'] === 'POST')

编辑

将$("#submit_btn").submit(...); 更改为$("#contact").submit(...);

【讨论】：

我这样做了，但它不起作用，我想弄清楚如何查看页面的 var_dump，看看它是否得到任何东西。
我看到了你的问题，检查我的编辑。您应该提交表单而不是按钮:)。
一百万次是的！我知道这很简单，我就是不知道是什么！伙计，我已经为此头疼了好几天。我又傻又释然，谢谢，谢谢，谢谢！

【解决方案3】：

http://api.jquery.com/serialize/

jquery API 声明提交按钮值不会被传递。因此，该帖子可能会很好地满足您的 php 请求，建议您寻找必填字段，而不是在您的条件中寻找 $_POST['submit']。

您也可以尝试在代码之前使用 var_dump($_POST) 并查看脚本的内容。

【讨论】：

我尝试将 $_POST['submit'] 更改为 $_POST['name'] 但仍然无法正常工作。我现在正在尝试返回 post 数组的 var_dump。