使用AJAX查询股票实时行情 - 代码示例 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>AJAX Stock Quote</title>
</head>
<body>
	<h1>股票实时行情查询</h1>
	<input type="text" id="stockCode" placeholder="输入股票代码">
	<button onclick="getStockQuote()">查询</button>
	<div id="stockQuoteDiv"></div>
	<script>
		function getStockQuote() {
			var stockCode = document.getElementById("stockCode").value;
			var url = "http://qt.gtimg.cn/q=" + stockCode;
			var xhr = new XMLHttpRequest();
			xhr.open("GET", url, true);
			xhr.onreadystatechange = function() {
				if (xhr.readyState == 4 && xhr.status == 200) {
					var response = xhr.responseText;
					var stockInfo = response.split("~");
					var table = "<table><tr><th>代码</th><th>名称</th><th>当前价格</th><th>昨收</th><th>今开</th><th>成交量（手）</th></tr>";
					table += "<tr><td>" + stockInfo[2] + "</td><td>" + stockInfo[1] + "</td><td>" + stockInfo[3] + "</td><td>" + stockInfo[4] + "</td><td>" + stockInfo[5] + "</td><td>" + stockInfo[36] + "</td></tr></table>";
					document.getElementById("stockQuoteDiv").innerHTML = table;
				}
			};
			xhr.send();
		}
	</script>
</body>
</html>