JQuery AJAX не отправляет даты

Question

Я надеюсь, что кто-то может помочь мне с этой проблемой, с которой я сталкиваюсь:

У меня есть вызов ajax следующим образом:

$(document).ready(function(){  
    $("#booking").submit(function() {
        var arrival   = $('#arrival').attr('value');
        var departure = $('#departure').attr('value');
        var ap_ID     = $('#ap_ID').attr('value');

        $.ajax({
          type: "POST",
          url: "ajax/val_booking.php",
          data: "arrival="+ arrival +"&departure="+ departure +"&ap_ID=" + ap_ID,
        });

        return false;
    });
});

Все поля в html-форме имеют атрибут "name".

При отправке информации ap_ID отправляется, но arrival и departure пусты (проверено с помощью Firebug).

Также используется serialize(), но тот же результат.

Кто-нибудь знает, где может быть проблема или что я могу делать не так?

Спасибо всем за помощь.

PS: я использую DatePicker

Answer 1

У вас есть запятая в конце "data:" прибытие = "+ прибытие +" & вылет = "+ выезд +" & ap_ID = "+ ap_ID,"

Удалите запятую, и вам должно быть хорошо.

Answer 2

Попробуй так:

$('#booking').submit(function() {  
    var arrival = $('#arrival').val()  
    var departure = $('#departure').val();  
    var ap_ID = $('#ap_ID').val(); 
    $.ajax({  
        type: 'POST',  
        url: 'ajax/val_booking.php',  
        data: { 
            arrival: arrival, 
            departure: departure, 
            ap_ID: ap_ID 
        },
        success: function(result) {
            alert('success');
        }
    });  
    return false;  
});

или если вы хотите отправить все значения формы, вы можете использовать функцию .serialize():

$('#booking').submit(function() {  
    $.ajax({  
        type: 'POST',  
        url: 'ajax/val_booking.php',  
        data: $(this).serialize(),
        success: function(result) {
            alert('success');
        }
    });  
    return false;  
});