| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <title>欠款查询系统</title>
- <link rel="stylesheet" href="css/style.css">
- </head>
- <body>
- <div class="container">
- <h1>欠款查询系统</h1>
- <form id="searchForm">
- <input type="text" id="debtorName" name="debtorName" placeholder="请输入姓名" class="search-bar" required>
- <button type="button" onclick="searchDebt()" class="button">查询</button>
- </form>
- <div id="result" class="result"></div>
- </div>
- <script>
- function searchDebt() {
- const debtorName = document.getElementById('debtorName').value;
- fetch(`search.php?debtorName=${encodeURIComponent(debtorName)}`)
- .then(response => response.text())
- .then(data => document.getElementById('result').innerHTML = data)
- .catch(error => console.error('查询出错:', error));
- }
- </script>
- </body>
- </html>
|
