Implementation code for partial refresh of HTML page

$('#input_date').keypress(function(e){

  if(e.keyCode=='13'){

    $.ajax({

      type: "POST",

      url: "inquire_date.php",

      data: {

        birth:null,

//1. Get user requests (ie certain events) and send them to the server for processing date:$('#input_date input').val()

      },

      dataType: "json",

//2. Get data from the server success: function(data){

        if (data.success) {

          var festival = data.fetivalInquireResult;

//3. Load the acquired data into the page to implement page event response refresh$('#show_festival').text(festival);

        } else {

          $('#show_festival').text("Failed to get festival");

        }  

      },

      error: function(jqXHR){     

        alert("Error: " + jqXHR.status);  
      },     

    });

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

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

  }

});

$(document).ready(function(e){

    setTimeout('updateShow()',0);

});

/*Partial automatic refresh page data*/

function updateShow(){

  $.ajax({

    type: "GET",

    url: "inquire_date.php?data=" + "inquire",

    dataType: "json",

//1. Get data from the server regularly through a timer success: function(data) {

      if (data.success) {

        var agesFormat = data.agesFormat;

        var daysFormat = data.daysFormat;

//2. Load data into the page to achieve automatic refresh$('#ages').text(agesFormat);

       $('#days').text(daysFormat);

      } else{

        alert("Failed to obtain data");

      }

    },

    error: function(jqXHR){     

      alert("Error: " + jqXHR.status);  

    },

  });

  setTimeout('updateShow()',500);

}