PHP无法获取发送的Ajax数据

Question

I'm using jquery multiple date picker and when I send the dates selected by the user to another .php page, I get the error : undefined index : dates. Here is my code:

<form action="../target.php" method="POST" id="form">
    <div id="datedisp"> //the div where the date picker is
    </div>
    <p class="set_disp_p"><input type="submit" id="submit" name="submit" value="Send" /></p>
</form>

And the javascript:

 $("#form").click(function(){
            var dates_value = $('#datedisp').val();
            $.ajax({
                type: 'POST',
                url: '../target.php',
                contentType: "application/x-www-form-urlencoded",
                data: {
                    dates : dates_value,
                },
                });    
        });

And finally,the php from the target.php file

$dates = $_POST['dates'];
if (isset($dates)) {
    echo "OK";
}

And the calendar:

$(function() {
        var dateToday = new Date();

        var disable_array = new Array();

        $("#datedisp").multiDatesPicker({
            minDate: 0,
            maxDate: 365,
             onselect: function(add_array){
                arrayDates.push($('#datedisp').val());
            },
            beforeShowDay: function(date) {
                var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
                return [disable_array.indexOf(string) == -1]
            },
            monthNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"],
            dayNamesMin: ["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"],
            firstDay: 1,
            dateFormat: "dd/mm/yy"

        });          });

The error is on the target.php page.

Does anyone can help me? Thank you very much

Answer 1

This is the complete code:

<form action="../target.php" method="POST" id="form">
<div id="datedisp"> //the div where the date picker is
    <input id="datedisp_input" >
</div>
<p class="set_disp_p"><input type="submit" id="submit" name="submit" value="Send" onclick="return false;"/></p>

And the javascript:

<script type="text/javascript">
$("#submit").click(function(){        

    var dates_value = $('#datedisp_input').val();

     $.ajax({
                type: 'POST',
                url: $("#form").attr('action'),
                contentType: "application/x-www-form-urlencoded",
                data: {
                    dates : dates_value,
                },

            }); 


        });
</script>  

Note the "onclick" event in the button tag. The server side code is working well.