变量没有从ajax发送到php

Question

I am submiting a form to a php page using ajax in order to make a query. The problem is that the $_POST is empty. What am I doing wrong here? Any ideas?

FORM

<div id="button_left">
    <form>
    <label>
    <input type="text" class="search" size="30" style="margin-left:20px;" name="epitheto" id="epitheto" placeholder="Επίθετο" />
    </label>
    <label>
    <input type="submit" value="Αναζήτηση" />
    </label>
    </form>
</div

FUNCTION

  $(function () {

$('#button_left').on('submit', function (e) {

  e.preventDefault();

  $.ajax({
    type: 'post',
    url: 'people_name_query_final.php',
    data: $('form').serialize(),
    success: function () {

$("#pelates_last_name_query").slideDown("slow");
   $("#pelates_last_name_query").load( "people_name_query_final.php");


    }
  });

    });

  });

PHP

if(isset($_POST['epitheto'])){

//some code
}

Answer 1

Add one argument to your success function:

      success: function (response) {

$("#pelates_last_name_query").slideDown("slow");
   $("#pelates_last_name_query").html( response);


    }

and you will get response from php page....

P.S. Test php page should look like this (or whatever you want for response - you should ECHO something, send some output):

<?php
if(isset($_POST['epitheto'])){

print_r($_POST);
}
?>

so, vars are sent properly.... (i've tested it right now).

If your php page looks like code you atached/showed us - there is no any output, you didn't printed anything....