Перезагрузить страницу после завершения xml / ajax

Question

Я пытаюсь сделать заказ на сайте.В настоящее время он извлекает результаты из базы данных и отображает их.Даты, которые я нажимаю, чтобы сделать заказ, загружаются с другой страницы в div с использованием javascript.Когда я щелкаю дату, она использует XML / ajax для вставки и обновления данных в базу данных.В этот момент таблицу необходимо обновить, иначе она вылетает.

Это структура

Main page |   Calendar page | Sends data to database

index.php -> test.php ->  bookdate.php

Я попытался разместить заголовки и ссылки в книге date.php.Я также пытался постоянно обновлять базу данных через другую php-страницу, связанную с index.php, используя ajax, хотя это закрывает окно календаря.

test.php

Этот код отправляет данные на третью страницу методом xml / ajax.

 <script>
function bookdate(int) {
    date = (event.srcElement.id);

  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("date").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","bookdate.php?date="+date,true);
  xmlhttp.send();


}

</script>

Код сценария из index.php Я бы не стал придумывать это важное, но я бы включил его для контекста.

    <script>

    //opens up booking page 

    $(".button").click(function(){

        id=(this.id);  

 $('#div1').show(); 

 $("#div1").load("test.php", {"id": id});

$('.closeCalender').show();


});

    //Close the calender request
     $(".closeCalender").click(function(){

       $('#div1').hide();

       $('.closeCalender').hide();

});



</script>

Я действительно надеюсь, что смогу исправить это в ближайшее время, этот проект пошел наподождите немного из-за школьной работы.