手机号码查询API接口测试页面 - 使用HTML和jQuery获取结果
<!DOCTYPE html>
<html>
<head>
<title>手机号码查询API测试页面</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function searchPhone() {
var phone = document.getElementById("phoneInput").value;
if (phone.trim() === "") {
alert("请输入手机号码！");
return;
}
<pre><code> var url = "https://zy.xywlapi.cc/wbphone?phone=" + phone;
$.get(url, function(data) {
document.getElementById("result").innerHTML = JSON.stringify(data);
});
}
</script>
</code></pre>
</head>
<body>
<h1>手机号码查询</h1>
<input type="text" id="phoneInput" placeholder="请输入手机号码">
<button onclick="searchPhone()">查询</button>
<div id="result"></div>
</body>
</html>
<p>在上述代码中，我们使用了jQuery库来简化AJAX请求。首先，我们在页面头部引入了jQuery库。然后，定义了一个名为<code>searchPhone()</code>的JavaScript函数，该函数会在用户点击查询按钮时被调用。</p>
<p>函数中，我们首先获取输入框中用户输入的手机号码。然后，将手机号码拼接到API接口地址中，并使用<code>$.get()</code>方法发起GET请求。请求成功后，将返回的数据转换为字符串，并将结果显示在id为<code>result</code>的div中。</p>
<p>用户可以在输入框中输入手机号码，点击查询按钮后，页面会显示返回的结果信息。</p>
原文地址: https://www.cveoy.top/t/topic/p9ti 著作权归作者所有。请勿转载和采集!