用jquery写一个证书查询的手机页面
时间: 2023-09-29 10:09:49 浏览: 108
网页抓取hao123的手机号码归属地查询
3星 · 编辑精心推荐
好的,以下是一个简单的jQuery实现的证书查询页面:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>证书查询</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div style="text-align:center;">
<h1>证书查询</h1>
<form>
<label for="certNo">证书编号:</label>
<input type="text" id="certNo" name="certNo"><br><br>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<button id="queryBtn">查询</button>
</form>
<div id="result" style="display:none;">
<p id="certNoResult"></p>
<p id="nameResult"></p>
<p id="statusResult"></p>
</div>
</div>
<script>
$(document).ready(function(){
$("#queryBtn").click(function(){
var certNo = $("#certNo").val();
var name = $("#name").val();
$.ajax({
type: "GET",
url: "query.php",
data: {certNo: certNo, name: name},
success: function(data){
$("#certNoResult").text("证书编号: " + certNo);
$("#nameResult").text("姓名: " + name);
$("#statusResult").text("证书状态: " + data);
$("#result").show();
}
});
return false;
});
});
</script>
</body>
</html>
```
在上面的代码中,我们引入了jQuery库,并使用它来处理表单提交。当用户点击查询按钮时,我们使用jQuery的$.ajax()方法向服务器发送一个GET请求,将证书编号和姓名作为参数传递给服务器。在成功获取服务器响应后,我们将结果呈现给用户。
注意,这个例子中使用了一个名为"query.php"的服务器端脚本来处理证书查询。您需要根据您自己的需求更改此脚本名称和实现方式。
希望这个例子可以帮助您开始编写自己的jQuery实现的证书查询页面。
阅读全文