这是一个接口地址 httpszyxywlapiccqqapi这是调用的示例 httpszyxywlapiccqqapiqq=336699这是我给你的要求请按照我的要求写出代码请求方式:get或post返回的值的格式为json页面中有一个输入框输入数字后点击查询按钮调用这个接口httpszyxywlapiccqqapiqq= 输入的数字输出到=号的后面成功得到返回的值后再弹出一个弹窗输出返回的值到弹
<p>以下是实现以上要求的示例代码:</p>
<p>HTML部分:</p>
<!DOCTYPE html>
<html>
<head>
<title>查询QQ信息</title>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<label for="qq">请输入QQ号:</label>
<input type="text" id="qq" name="qq" placeholder="请输入QQ号">
<button id="queryBtn">查询</button>
<script>
$(function(){
$('#queryBtn').click(function(){
var qq = $('#qq').val();
if(qq == ''){
alert('请输入QQ号!');
return false;
}
$.ajax({
url: 'https://zy.xywlapi.cc/qqapi',
type: 'get',
dataType: 'json',
data: {qq: qq},
success: function(res){
alert(res);
},
error: function(){
alert('查询失败,请稍后重试!');
}
});
});
});
</script>
</body>
</html>
<p>JavaScript部分:</p>
<p>$(function(){
$('#queryBtn').click(function(){
var qq = $('#qq').val();
if(qq == ''){
alert('请输入QQ号!');
return false;
}
$.ajax({
url: 'https://zy.xywlapi.cc/qqapi',
type: 'get',
dataType: 'json',
data: {qq: qq},
success: function(res){
alert(res);
},
error: function(){
alert('查询失败,请稍后重试!');
}
});
});
})</p>
原文地址: https://www.cveoy.top/t/topic/fPBn 著作权归作者所有。请勿转载和采集!