$.post 不向 php 脚本发送数据

Question

好吧，我不知道出了什么问题。我试图从一个简单的 jQuery 脚本将表单数据传递给我的 php 脚本，但是由于某种原因，当我尝试访问 $_POST 数据时，php 说 $_POST 是空的？

我们开始吧，所以我有以下 jQuery 和 php 脚本

jQuery

var post = $('#cform').serialize();
console.log("POST DATA: " + post);
$.post(action, post, function(data){
    document.getElementById('message').innerHTML = data;
    $('#message').slideDown('slow');
    $('#cform img.contact-loader').fadeOut('slow',function(){$(this).remove()});
    $('#submit').removeAttr('disabled');
    if(data.match('success') != null) $('#cform').slideUp('slow');
 });

PHP

$fname  = $_POST['fname'];
$lname  = $_POST['lname'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$comments = $_POST['comments']; 

var post 的控制台日志是这样的

POST DATA: fname=Daniel&lname=Jarvis&email=test%40gmail.com&phone=4444444444&comments=hello

$_POST 的 var_dump 是这样说的

array(0) { } 

我不知道为什么这会给我带来这么多问题，因此我们将不胜感激。

附言 我也尝试过简单地为发布数据执行此操作，但它仍然无法正常工作。

var post = {fname: $('#fname').val(), lname: $('lname').val(), ...} //you get the idea

console.log 看起来像这样

{fname: "Dan", lname: "Jarvis", ...}

但是当我 var_dumped $_POST 变量时它仍然说

array(0) { } 

Answer 1

*你的代码有几个问题，

1.添加触发ajax的事件。

2.您的 php 脚本不回显任何数据。

3.No return false 或防止defaul手动停止表单提交。（我认为这是主要问题）

检查解决方案：*

HTML：

    <form id="form">

    <input type="text" name="fname">
    <input type="text" name="lname">
    <input type="text" name="email">
    <input type="text" name="phone">
    <input type="text" name="comments">
    <input type="submit" name="submit" value="submit">

    </form>

    <span id="message"></span>

Javascript：

    $("#form").submit(function(){

        var post = $('#form').serialize();
        console.log("POST DATA: " + post);
        $.post('target.php', post, function(data){
        document.getElementById('message').innerHTML = data;
        $('#message').slideDown('slow');
        $('#cform img.contact-loader').fadeOut('slow',function(){$(this).remove()});
        $('#submit').removeAttr('disabled');
        if(data.match('success') != null) $('#cform').slideUp('slow');

     });
    return false;
    })

PHP（我假设你的php脚本是target.php）：

  $fname  = $_POST['fname'];
  $lname  = $_POST['lname'];
  $email = $_POST['email'];
  $phone = $_POST['phone'];
  $comments = $_POST['comments']; 

  echo $fname.$lname.$email.$phone.$comments;