<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
添加信息
<div class="row" id="gpp">
</div>
<div class="row">
<div class="col-md-8">
<DIV class="input-group">
<input class="form-control" type="number" id="code">
<div class="input-group-btn">
<button class="btn btn-info" id="search">查询</button>
</div>
</DIV>
</div>
</div>
</div>
<script>
function showLine(gpData){
var div=$("<div></div>");
var h2=$("<h2></h2>");
var span_1=$("<span></span>");
var small_code=$("<small></small>");
var span_2=$("<span></span>");
span_1.text(gpData[1]);
small_code.text(gpData[2]);
span_2.text(gpData[3]);
h2.append(span_1);
h2.append(small_code);
h2.append(span_2);
$("#gpp").append(h2);
}
function ajax(url){
$.ajax({
url:url,
success:function(data){
if(data.length>50){
sData=data.split("~");
showLine(sData);
}
}
})
}
$("#search").click(function(){
var code=$("#code").val();
var code_sh="sh"+code;
var code_sz="sz"+code;
$("#gpp").html("");
ajax("http://qt.gtimg.cn/q="+code_sz);
ajax("http://qt.gtimg.cn/q="+code_sh)
})
</script>
</body>
</html>
HTML访问股票API
发表评论