js发送网络请求
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
<!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">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="./lib/jquery.js"></script>
<meta http-equiv="refresh" content="180">
<title>stock</title>
<style>
*{
margin: 0;
padding: 0;
}
.container{
width: 750px;
margin: 10 10;
overflow: hidden;
text-align: justify;
}
.container.list-item{
text-align: right;
font-size: 6px;
}
</style>
</head>
<body>
<table class="container" id="list">
<tr class="list-item"><td>trade_date</td><td><td>f12</td><td>f14</td><td>f62</td><td>f66</td><td>ratios</td><td>flow</td><td>power</td></tr>
</table>
<script>
var list = document.getElementById('list')
$.get('http://121.4.56.52:9999/x/',function(data){
console.log(data);
var arr = data.data;
var str = "";
for (var i = 0 ;i < arr.length; i++){
str += `<tr class="list-item"><td>${arr[i].trade_date}</td><td><td>${arr[i].f12}</td><td>${arr[i].f14}</td><td>${arr[i].f62}</td><td>${arr[i].f66}</td><td>${arr[i].ratios}</td><td>${arr[i].flow}</td><td>${arr[i].power}</td></tr>`
}
list.innerHTML=str;
},'json')
// var list = document.getElementById('list')
// $.get('http://121.4.56.52/index/BK1041',function(data){
// console.log(data.data);
// var arr = data.data;
// var str = "";
// for (var i = 0 ;i < arr.length; i++){
// str += `<tr class="list-item"><td>${arr[i].trade_date}</td><td><td>${arr[i].f12}</td><td>${arr[i].f14}</td><td>${arr[i].f62}</td><td>${arr[i].rate}%</td></tr>`
// }
// list.innerHTML=str;
// },'json')
// var list = document.getElementById('list')
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en" style="background: #FFFFFF;height: 100%">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="KLineChart example"/>
<title>StockQuant</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/klinecharts@8.5.0/dist/klinecharts.min.js"></script>
</head>
<body style="margin: 0;height: 100%">
<div id="chart" style="height: 100%"></div>
<script>
window.onload = function () {
var chart = klinecharts.init('chart')
var http = new XMLHttpRequest();
var url = '';
http.open('GET',url,true);
http.send();
http.onload
chart.createTechnicalIndicator('VOL')
chart.createTechnicalIndicator({name:'MACD',calcParams:[6,13,5]})
var chartDataList = kLineDataList.map(function (data) {
return {
timestamp: new Date(data[0]).getTime(),
open: +data[1],
high: +data[2],
low: +data[3],
close: +data[4],
volume: Math.ceil(+data[5]),
}
})
chart.applyNewData(chartDataList)
}
</script>
</body>
</html>