前端代码示例：简单股票查询页面
<!DOCTYPE html>
<html>
<head>
<title>股票查询</title>
<meta charset='utf-8'>
<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
</head>
<body>
<div>
<label for='stock-code'>股票代码：</label>
<input type='text' id='stock-code'/>
<button id='query-btn'>查询</button>
</div>
<div id='result'></div>
<script>
$(function(){
$('#query-btn').click(function(){
var code = $('#stock-code').val();
if(code){
$.ajax({
url: 'https://www.likecs.com/show-464895.html?code=' + code,
type: 'get',
dataType: 'jsonp',
jsonp: 'callback',
success: function(data){
var result = '<table'><tr><th>股票代码</th><th>名称</th><th>当前价格</th><th>昨收</th><th>今开</th><th>成交量（手）</th></tr><tr><td>' + data.code + '</td><td>' + data.name + '</td><td>' + data.price + '</td><td>' + data.yestclose + '</td><td>' + data.open + '</td><td>' + data.volume + '</td></tr></table>';
$('#result').html(result);
},
error: function(){
alert('查询失败，请稍后再试！');
}
});
}else{
alert('请输入股票代码！');
}
});
});
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nJuE 著作权归作者所有。请勿转载和采集!