PHPでAjax使ってみた

2017.05.15

PHPでAjax使ってみた

ロストフォーカス時（onblur）時にajaxが走るPHPです。

dateの入力部品を置きました。

<input id="gregorian" type="date"/>
<input id="julian" type="text"/>

ヘッダ部に以下のような記述をします。

<script type="text/javascript">
  $(function() {
    $("#gregorian").blur(function(){
      var param = $("#gregorian").val();
      if (param == "") {
        return;
      }
      $.ajax({
        type: "POST",
        url: "calc.php",
        data: {parameter: param},
        success: function(data){
          $("#julian").val(data);
      }
    });
  });
});
</script>

このajaxはPOSTで、かつcalc.phpが実行され、calc.phpにparamというデータがPOSTされます。

calc.phpは以下の内容で、年月日の年だけを返しているだけです。これがdataとして返ってきて、id=julianのテキストボックスに入ります。

calc.php

<?php
  $data = $_POST['parameter'];
  $yyyy = substr( $data, 0, 4);
  echo $yyyy;
?>

コメント

タイトルとURLをコピーしました