能给我一个前后端传日期的demo吗
以下是一个前后端传递日期的demo,前端使用了jQuery和moment.js库,后端使用了PHP语言。
前端代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>日期传递示例</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
</head>
<body>
<input type="date" id="date">
<button id="send">发送</button>
<div id="result"></div>
<script>
$(function() {
$('#send').click(function() {
var date = $('#date').val();
var formattedDate = moment(date).format('YYYY-MM-DD');
$.ajax({
url: 'backend.php',
data: {
date: formattedDate
},
success: function(response) {
$('#result').html(response);
}
});
});
});
</script>
</body>
</html>
后端代码:
<?php
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
if (isset($_GET['date'])) {
$date = $_GET['date'];
echo '前端传递的日期为:' . $date;
} else {
echo '请传递日期参数';
}
}
?>
该示例中,前端页面包含一个日期选择器和一个发送按钮,当用户选择日期并点击按钮时,前端使用moment.js将日期格式化为YYYY-MM-DD格式,并通过ajax发送给后端。后端通过GET方法获取日期参数,并输出到页面上。
原文地址: https://www.cveoy.top/t/topic/bywQ 著作权归作者所有。请勿转载和采集!