随机一句实现

发布于 2023-06-27  270 次阅读

php

 

<?php
// 定义名言名句数组
$quotes = array(
    "名言1",
    "名言2",
    "名言3",
    // 添加更多名言...
);

// 从数组中随机选择一条名言
$randomQuote = $quotes[array_rand($quotes)];

// 设置响应头为 JSON 格式
header('Content-Type: application/json');

// 构建 JSON 响应数据
$response = array(
    'quote' => $randomQuote
);

// 将响应数据输出，确保不对中文字符进行 Unicode 编码
echo json_encode($response, JSON_UNESCAPED_UNICODE);

?>

<!DOCTYPE html>
<html>
<head>
    <title>随机名言名句</title>
    <script>
        function getRandomQuote() {
            // 创建一个新的 XMLHttpRequest 对象
            var xhr = new XMLHttpRequest();

            // 指定请求的方法和 URL
            xhr.open('GET', 'random_quote.php', true);

            // 处理响应结果
            xhr.onreadystatechange = function() {
                if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
                    // 解析 JSON 响应
                    var response = JSON.parse(xhr.responseText);

                    // 调用显示名言的函数
                    displayQuote(response.quote);
                }
            };

            // 发送请求
            xhr.send();
        }

        function displayQuote(quote) {
            // 将名言显示在指定的元素中
            document.getElementById('quote').textContent = quote;
        }
    </script>
</head>
<body>
    <h1>随机名言名句</h1>
    <button onclick="getRandomQuote()">获取随机名言名句</button>
    <p id="quote"></p>
</body>
</html>