PHP 作业2.4 判断是否为闰年

4 篇文章 0 订阅

要求


使用ajax计算结果后输出到php页面


效果图


在这里插入图片描述


index.php代码


<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>判断是否为闰年</title>
</head>

<style>
  body {
    background-color: #dedede;
  }

  .main {
    border: 7px dotted #00bcff;
    width: 555px;
    margin: 222px auto;
    padding: 0 28px;
    font-size: 28px;
  }

  h1 {
    text-align: center;
  }

  input {
    height: 30px;
    border: none;
  }

  #ajax {
    color: red;
  }
</style>

<body>
  <div class="main">
    <h1>闰年的判断</h1>
    <p>
      输入的年份:<input type="text" placeholder="请输入年份的数字" id="nianfen" onchange="zl()" />
    </p>

    <p>判断的结果: <span id="ajax"></span></p>
  </div>

  <script>
    function zl() {
      var year = document.getElementById("nianfen").value;

      //1.创建对象
      var xmlhttp;
      if (window.XMLHttpRequest) {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp = new XMLHttpRequest();
      } else {
        // IE6, IE5 浏览器执行代码
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      //2.判断对象是否准备就绪
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          document.getElementById("ajax").innerHTML = xmlhttp.responseText;
        }
      };
      //3.发出请求
      xmlhttp.open("GET", "data.php?years=" + year, true);
      xmlhttp.send();
    }
  </script>
</body>

</html>

data.php代码



<?php
$y = $_GET["years"];
if (!is_numeric($y) || $y == 0) {
  echo "请输入正确的年份";
} else {
  if ($y % 4 == 0 && $y % 100 != 0 || $y % 400 == 0) {
    echo "$y 是闰年";
  } else {
    echo "$y 不是闰年";
  }
}
?>
  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值