jQuery Ajax发布到php，但变量中没有值

Question

I am working on an instant search thing and when I submit the form search-form it is going to make an ajax post to PHP. It sends and everything but then the PHP page says that the variable has no value but the data is clearly being posted.

        $('#search-form').submit(function(event) {
            event.preventDefault();
            $.ajax({
                type: "POST",
                url: "Search.php",
                cache: false,
                data: $("#search-form").serialize(),
                success: function(data) {
                    alert($("#search-form").serialize());
                    $("#searched").fadeIn("fast");
                    $("#results").empty();
                    $("#results").append(data);
                }
            });
            return false;
        });

Answer 1

Make sure you have a console opened up in your browser, Firefox: bugzilla, Chrome and IE have a built-in. It shows you what is happening in asynchronous requests.

in your php file at the top do this:

var_dump($_POST);

//OR DO THIS:
// print_r($_POST);

Then look at your browser console to see what the response is. It should spit out an array. and you can see what the name of your data is. This is the quickest way to debug any ajax request.

Also, don't forget that you serialized the data with .serialize();