jsonp使用

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<div id="test-jsonp"></div>
<script>
    function refreshPrice(data) {
        var p = document.getElementById('test-jsonp');
        p.innerHTML = '当前价格:' +
                data['0000001'].name +': ' +
                data['0000001'].price + ';' +
                data['1399001'].name + ': ' +
                data['1399001'].price;
    }
</script>
<script src = 'http://api.money.126.net/data/feed/0000001,1399001?callback=refreshPrice'></script>
</body>
</html>

利用js的src可以跨域请求,先准备好格式化数据的函数。

refreshPrice({"0000001":{"code": "0000001", "percent": -0.008781, "askvol1": 0, "askvol3": 0, "askvol2": 0, "askvol5": 0, "askvol4": 0, "price": 2504.82, "open": 2503.95, "bid5": 0, "bid4": 0, "bid3": 0, "bid2": 0, "bid1": 0, "high": 2513.96, "low": 2462.84, "updown": -22.19, "type": "SH", "bidvol1": 0, "status": 0, "bidvol3": 0, "bidvol2": 0, "symbol": "000001", "update": "2018/12/25 15:30:05", "bidvol5": 0, "bidvol4": 0, "volume": 14067056000, "ask5": 0, "ask4": 0, "ask1": 0, "name": "\u4e0a\u8bc1\u6307\u6570", "ask3": 0, "ask2": 0, "arrow": "\u2193", "time": "2018/12/25 15:30:02", "yestclose": 2527.01, "turnover": 114766008799},"1399001":{"code": "1399001", "percent": -0.008145, "high": 7362.073, "askvol3": 0, "askvol2": 0, "askvol5": 0, "askvol4": 0, "price": 7332.347, "open": 7308.606, "bid5": 0.0, "bid4": 0.0, "bid3": 0.0, "bid2": 0.0, "bid1": 0.0, "low": 7180.076, "updown": -60.213, "type": "SZ", "bidvol1": 0, "status": 0, "bidvol3": 0, "bidvol2": 0, "symbol": "399001", "update": "2018/12/25 15:59:36", "bidvol5": 0, "bidvol4": 0, "volume": 24781212060, "askvol1": 0, "ask5": 0.0, "ask4": 0.0, "ask1": 0.0, "name": "\u6df1\u8bc1\u6210\u6307", "ask3": 0.0, "ask2": 0.0, "arrow": "\u2193", "time": "2018/12/25 15:59:33", "yestclose": 7392.56, "turnover": 165392959651.37598} });

猜你喜欢

转载自blog.csdn.net/weixin_42519137/article/details/85253241