jQuery Ajax-檢查日期和時間可用性

Question

我有一個預訂表格，我想在那里檢查可用性。 我設法使這項工作僅用於檢查日期是否可用，但也難以將時間納入其中。

這是我在Jquery / Ajax中進行檢查的方法：

 $(document).ready(function(){
    $("#time_select_2_hour").change(function(){
    $("#availability_1").html("<img src='ajax-loader.gif' /> checking...");


    var date1=$("#date1").val();
    var time_select_2_hour=$("#time_select_2_hour").val();

      $.ajax({
            type:"post",
            url:"check.php",
            data:"date1="+date1,
            data:"time_select_2_hour="+time_select_2_hour,
                success:function(data){
                if(data==0){
                    $("#availability_1").html("<img src='tick.png' /> Tour  is available!");
                }
                else{
                    $("#availability_1").html("<img src='cross.png' /> Tour is fully booked, please choose another date or tour time.");
                }
            }
         });

    });

 });

這是check.php

  $date1=$_POST["date1"];
  $time=$_POST["time_select_2_hour"];

  $query=mysql_query("SELECT * from bookings where date1='$date1' AND time ='$time'");

  $find=mysql_num_rows($query);

  echo $find;

它不會拋出任何錯誤，即使該組合已經被預訂，它也始終會顯示“可用”。

Answer 1

定義AJAX選項的對象文字中不能有多個data屬性，並且期望它們都能正常工作。 使用單個字符串：

data: "date1="+date1 + "&time_select_2_hour="+time_select_2_hour

或使用其他對象文字作為數據：

data: {
    data1: date1,
    time_select_2_hour: time_select_2_hour
}

請注意，即使以上內容看起來像它將這些變量的值用作該對象的屬性，也不會。 對象屬性名稱/鍵始終被視為字符串，因此它將是文字值“ data1”。