单击按钮时获取 php 中的当前日期时间

📌 相关文章

📜 单击按钮时获取 php 中的当前日期时间 - PHP (1)

📅 最后修改于: 2023-12-03 14:50:28.513000 🧑 作者: Mango

在 Web 开发中，经常需要在用户与网站交互时记录当前日期时间。本文将介绍如何使用 PHP 在单击按钮时获取当前日期时间。

1. HTML 代码

首先我们需要编写一个 HTML 文件，在其中添加一个按钮，当用户单击按钮时触发获取日期时间的操作。

<!DOCTYPE html>
<html>
<head>
	<title>获取当前日期时间</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>获取当前日期时间</h1>
	<button id="btn">获取当前日期时间</button>
	<div id="datetime"></div>
	<script src="get_datetime.js"></script>
</body>
</html>

在上面的代码中，我们添加了一个按钮和一个用于展示日期时间的 <div> 元素。另外，我们还引入了一个 JavaScript 文件 get_datetime.js，这个文件将在用户单击按钮时被加载并执行。

2. JavaScript 代码

我们来看一下 get_datetime.js 文件的内容。

// 获取当前日期时间并显示在 HTML 页面上
function getDatetime() {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'get_datetime.php', true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            document.getElementById('datetime').innerHTML = xhr.responseText;
        }
    };
    xhr.send();
}

// 绑定按钮点击事件
var btn = document.getElementById("btn");
btn.onclick = function() {
    getDatetime();
};

在上面的代码中，我们定义了一个名为 getDatetime() 的函数，这个函数将使用 AJAX 技术向后端发送一个请求，并将获取到的日期时间动态添加到 HTML 页面中。

其中，我们使用了一个名为 XMLHttpRequest 的对象来发送请求。当这个对象的状态改变时，我们会检查请求是否已经完成，并且状态码是否为 200。如果请求已经完成且状态码为 200，那么我们就将获取到的日期时间添加到页面中。

另外，我们还绑定了一个 onclick 事件，当用户单击按钮时，就会触发 getDatetime() 函数。

3. PHP 代码

最后，我们需要编写一个 PHP 文件 get_datetime.php，在这个文件中获取当前的日期时间，并返回给前端。

<?php
    date_default_timezone_set('Asia/Shanghai');
    echo date('Y-m-d H:i:s');
?>

在上面的代码中，我们首先通过 date_default_timezone_set() 函数设置当前系统的时区为上海，以确保获取到的日期时间与用户所在的时区一致。

然后，我们调用 date() 函数获取当前的日期时间，并使用 echo 函数将日期时间返回给前端。

总结

通过上面的介绍，我们了解了在 Web 开发中如何使用 PHP 在单击按钮时获取当前日期时间，并动态将获取到的日期时间添加到 HTML 页面中。这里使用了 AJAX 技术，在前后端之间进行了数据交互。希望这篇文章对你有所帮助。