股票行情 (股票行情查询)

在这里您可以查询股票的实时行情。

股票代码：
javascript // 股票代码输入框 const symbolInput = document.getElementById('symbol');// 结果显示区域 const resultDiv = document.getElementById('result');// 表单提交事件监听器 document.querySelector('form').addEventListener('submit', (event) => {// 阻止默认行为event.preventDefault();// 获取股票代码const symbol = symbolInput.value.toUpperCase();// 清空结果区域resultDiv.innerHTML = '';// 发送 AJAX 请求获取股票行情数据const xhr = new XMLHttpRequest();xhr.open('GET', `${symbol}`);xhr.onload = function() {if (xhr.status === 200) {// 解析行情数据const data = xhr.responseText.split(',');const name = data[0].substring(data[0].indexOf('\"') + 1, data[0].lastIndexOf('\"'));const price = data[3];const change = data[4];const percent = data[5];// 创建表格显示行情数据const table = document.createElement('table');const thead = document.createElement('thead');const tbody = document.createElement('tbody');const tr1 = document.createElement('tr');const th1 = document.createElement('th');th1.innerHTML = '股票名称';const th2 = document.createElement('th');th2.innerHTML = '当前价格';const th3 = document.createElement('th');th3.innerHTML = '涨跌额';const th4 = document.createElement('th');th4.innerHTML = '涨跌幅';const tr2 = document.createElement('tr');const td1 = document.createElement('td');td1.innerHTML = name;const td2 = document.createElement('td');td2.innerHTML = price;const td3 = document.createElement('td');td3.innerHTML = change;const td4 = document.createElement('td');td4.innerHTML = percent;tr1.appendChild(th1);tr1.appendChild(th2);tr1.appendChild(th3);tr1.appendChild(th4);tr2.appendChild(td1);tr2.appendChild(td2);tr2.appendChild(td3);tr2.appendChild(td4);thead.appendChild(tr1);tbody.appendChild(tr2);table.appendChild(thead);table.appendChild(tbody);// 将表格添加到结果区域resultDiv.appendChild(table); } else {// 请求失败，显示错误信息resultDiv.innerHTML = '获取行情数据失败，请稍后再试。';}};xhr.send(); });

标签： 股票行情