HTML ページの部分更新の実装コード

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

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

    $.ajax({

      タイプ: "POST",

      URL: "inquire_date.php",

      データ： {

        誕生:null、

//1. ユーザーリクエスト（特定のイベントなど）を取得し、処理のためにサーバーに送信します date:$('#input_date input').val()

      },

      データ型: "json",

//2. サーバーからデータを取得する成功: function(data){

        if (データ.成功) {

          var フェスティバル = data.fetivalInquireResult;

//3. 取得したデータをページに読み込み、ページ イベント応答を実装します。refresh$('#show_festival').text(festival);

        } それ以外 {

          $('#show_festival').text("フェスティバルの取得に失敗しました");

        }  

      },

      エラー: function(jqXHR){     

        alert("エラー: " + jqXHR.status);  
      },     

    });

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

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

  }

});

$(ドキュメント).ready(関数(e){

    タイムアウトを設定します('updateShow()',0);

});

/*部分的な自動更新ページデータ*/

関数 updateShow(){

  $.ajax({

    タイプ: "GET",

    url: "inquire_date.php?data=" + "問い合わせ",

    データ型: "json",

//1. タイマーを使って定期的にサーバーからデータを取得する success: function(data) {

      if (データ.成功) {

        var agesFormat = data.agesFormat;

        var daysFormat = data.daysFormat;

//2. 自動更新を実現するためにページにデータを読み込みます$('#ages').text(agesFormat);

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

      } それ以外{

        alert("データの取得に失敗しました");

      }

    },

    エラー: function(jqXHR){     

      alert("エラー: " + jqXHR.status);  

    },

  });

  タイムアウトを設定します('updateShow()',500);

}