前端代码(HTML和JavaScript)。

<!DOCTYPE html>
<html>
<head>
<title>电话查询系统</title>
</head>
<body>
<h1>电话查询系统</h1>
<label for="phone">请输入电话号码:</label>
<input type="text" id="phone" name="phone">
<button onclick="lookupPhone()">查询</button>
<br><br>
<div id="result"></div> <!-- 显示查询结果 -->
<script>
function lookupPhone() {
var phoneNumber = document.getElementById("phone").value; // 获取输入的电话号码
var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象用于发送请求到服务器
xhr.open("GET", "/lookup?phone=" + phoneNumber, true); // 设置请求方法和URL,并发送请求到服务器获取数据
xhr.onreadystatechange = function() { // 当请求状态改变时执行回调函数
if (xhr.readyState == 4 && xhr.status == 200) { // 如果请求成功完成并且状态码为200(成功)
var result = xhr.responseText; // 获取服务器返回的响应数据(JSON格式)
document.getElementById("result").innerHTML = result; // 将结果显示在网页上
} else { // 如果请求失败或状态码不是200,则显示错误信息
document.getElementById("result").innerHTML = "查询失败,请检查您的网络连接或稍后再试。";
}
};
}
</script>
</body>
</html>后端代码(Python Flask框架):
假设您已经安装了Python和Flask框架,并且有一个数据库用于存储电话号码信息,以下是一个简单的电话查询系统后端代码示例:

from flask import Flask, request, jsonify import sqlite3 # 用于连接SQLite数据库(假设您使用SQLite数据库)
TIME
