㈠ 客戶端數據的實時刷新是怎麼做到的呢
你提到的情況一般來說並不是伺服器端有變化然後通知客戶端的，而是客戶端每隔一定的時間就到伺服器取一次數據，如果時間設置的夠短，比如每秒一次，甚至每半秒一次，就讓人感覺是實時的了。
㈡ vue.js中使用echarts實現數據動態刷新功能
在vue使用echarts時，可能會遇到這樣的問題，就是數據變化時，echarts不更新
這是因為Echarts是數據驅動的，這意味著只要我們重新設置數據，那麼圖表就會隨之重新渲染
如果想要支持數據的自動刷新，必然需要一個監聽器能夠實時監聽到數據的變化然後告知Echarts重新設置數據。
Vue提供了「watch」：
㈢ 怎麼使用 JavaScript 將網站後台的數據變化實時更新到前端
實時這個工作現在大體有兩種方法
一、前端不斷地向後台輪詢請求數據查詢的介面(不管你是用AJAX還是什麼)然後將返回的數據重繪在頁面上，這以前端頁面為主動的方式。
二、如果瀏覽器支持Websocket 那麼在後台建立一個websocket伺服器，與前端頁面建立websocket連接，進行從後台到前端的推送，前端接到推送數據後，將數據重繪在頁面上。
㈣ 如何獲取實時的股票行情信息，有相關的公用介面或者數據源嗎
實時股票數據介面
股票數據的獲取目前有如下兩種方法可以獲取:
1.
http/javascript介面取數據
2.
web-service介面
1.http/javascript介面取數據
1.1Sina股票數據介面
以大秦鐵路（股票代碼：601006）為例，如果要獲取它的最新行情，只需訪問新浪的股票數據
介面：
http://hq.sinajs.cn/list=sh601006
這個url會返回一串文本，例如：
var
hq_str_sh601006="大秦鐵路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91,
26.92,
22114263, 589824680, 4695, 26.91, 57590, 26.90, 14700,
26.89, 14300,
26.88, 15100, 26.87, 3100, 26.92, 8900, 26.93,
14230, 26.94, 25150, 26.95, 15220, 26.96, 2008-01-11,
15:05:32";
這個字元串由許多數據拼接在一起，不同含義的數據用逗號隔開了，按照程序員的思路，順序號從0開始。
0：」大秦鐵路」，股票名字；
1：」27.55″，今日開盤價；
2：」27.25″，昨日收盤價；
3：」26.91″，當前價格；
4：」27.55″，今日最高價；
5：」26.20″，今日最低價；
6：」26.91″，競買價，即「買一」報價；
7：」26.92″，競賣價，即「賣一」報價；
8：」22114263″，成交的股票數，由於股票交易以一百股為基本單位，所以在使用時，通常把該值除以一百；
9：」589824680″，成交金額，單位為「元」，為了一目瞭然，通常以「萬元」為成交金額的單位，所以通常把該值除以一萬；
10：」4695″，「買一」申請4695股，即47手；
11：」26.91″，「買一」報價；
12：」57590″，「買二」
13：」26.90″，「買二」
14：」14700″，「買三」
15：」26.89″，「買三」
16：」14300″，「買四」
17：」26.88″，「買四」
18：」15100″，「買五」
19：」26.87″，「買五」
20：」3100″，「賣一」申報3100股，即31手；
21：」26.92″，「賣一」報價
(22,
23), (24, 25), (26,27), (28,
29)分別為「賣二」至「賣四的情況」
30：」2008-01-11″，日期；
31：」15:05:32″，時間；
一個簡單的JavaScript應用例子:
script
type="text/javascript" src="http://hq.sinajs.cn/list=sh601006"
charset="gb2312">/script>
/javascript">
var
elements=hq_str_sh601006.split(",");
document.write("current
price:"+elements[3]);
這段代碼輸出大秦鐵路（股票代碼：601006）的當前股價
current
price:14.20
如果你要同時查詢多個股票，那麼在URL最後加上一個逗號，再加上股票代碼就可以了；比如你要一次查詢大秦鐵路（601006）和大同煤業（601001）的行情，就這樣使用URL：
http://hq.sinajs.cn/list=sh601003,sh601001
查詢大盤指數，比如查詢上證綜合指數（000001）：
http://hq.sinajs.cn/list=s_sh000001
伺服器返回的數據為：
var
hq_str_s_sh000001="上證指數,3094.668,-128.073,-3.97,436653,5458126";
數據含義分別為：指數名稱，當前點數，當前價格，漲跌率，成交量（手），成交額（萬元）；
查詢深圳成指數：
http://hq.sinajs.cn/list=s_sz399001
對於股票的K線圖，日線圖等的獲取可以通過請求http://image.sinajs.cn/…./…/*.gif此URL獲取，其中*代表股票代碼，詳見如下：
查看日K線圖：
http://image.sinajs.cn/newchart/daily/n/sh601006.gif
分時線的查詢：
http://image.sinajs.cn/newchart/min/n/sh000001.gif
日K線查詢：
http://image.sinajs.cn/newchart/daily/n/sh000001.gif
周K線查詢：
http://image.sinajs.cn/newchart/weekly/n/sh000001.gif
月K線查詢：
http://image.sinajs.cn/newchart/monthly/n/sh000001.gif
1.2
Bai&Google的財經數據
在,
google中搜索某隻股票代碼時，將會在頭條顯示此股票的相關信息，例如在google搜索601006時，
第一條搜索結果如下圖：
通過點擊左邊的圖片我們發現會將此圖片鏈接到sina財經頻道上，也就是說google股票數據的獲取也是從sina獲取。後經抓包分析，發現google也是採用1.1中介紹的介面。
Bai的股票數據來自的財經頻道
http://stock..com/
1.3
其他方式
除了sina，等網站提供股票信息外，其他網站也有類似的介面。我們分析了一款論壇上採用的股票插件，
其中有關於實時股票數據獲取的介紹，詳見如下代碼，其中可以看到有些數據來自sina。
以下是ASP示例:
=5
then
stockdata=gethttp("http://hq.sinajs.cn/list=sh"&code&"")
if
not len(stockdata)=0 then
stockdata=split(stockdata,chr(34))(1)
end if
if
len(stockdata)=0
then
stockdata="0,0,0,0,0,0,0,0,0,0,0,0"
else
stockdatasplit=split(stockdata,",")
stockdata=""&exstock.checkstr(stockdatasplit(0))&","&stockdatasplit(1)&","&stockdatasplit(2)&","&stockdatasplit(3)&","&stockdatasplit(4)&","&stockdatasplit(5)&","&formatdatetime(""&stockdatasplit(30)&"
"&stockdatasplit(31)&"",0)&""
end
if
『0=股票名稱,1=開盤價格,2=昨收盤價格,3=當前價格,4=最高價,5=最低價,6=更新時間
getstockdata=stockdata
end
function
function getstockimg(code)
dim
rndnum,addnum,checkcode,imgsource
if len(code)=5
then
getstockimg="http://image.sinajs.cn/newchart/daily/n/sh"&code&".gif"
end
if
imgsource="http://finance.sina.com.cn"
case
3
getstockimg="http://hq.gazxfe.com/stockchart/realline.chart?"&code&"&1003&SZ
500 330"
imgsource="http://hq.gazxfe.com"
case
4
getstockimg="http://chartse.stockstar.com/chartserver?code="&code&""
imgsource="http://www.stockstar.com/"
end
select
getstockimg=split(""&getstockimg&"||"&imgsource&"","||")
end
function
function getastockimg()
dim
rndnum,addnum,checkcode
dim
getastockimgb,imgsource
addnum=6
randomize:rndnum=cint(rnd*addnum)
select
case rndnum
case
0
getastockimg="http://202.109.106.1/gifchartse/gif/000001.gif"
getastockimgb="http://202.109.106.1/gifchartse/gif/399001.gif"
imgsource="http://www.stockstar.com/"
case
1
getastockimg="http://money.163.com/special/100.gif?C39"
getastockimgb="http://money.163.com/special/101.gif?HrS"
imgsource="http://www.163.com"
case
2
getastockimg="http://www.10jqka.com.cn/curve/realtime/index2.php?code=1a0001&w=180&h=140"
getastockimgb="http://www.10jqka.com.cn/curve/realtime/index2.php?code=399001&w=180&h=140"
imgsource="http://www.10jqka.com.cn"
case
3
getastockimg="http://chart.cnlist.com/stockchart/realline.chart?1a0001&1002&SZ
180
140"
getastockimgb="http://chart.cnlist.com/stockchart/realline.chart?399001&1002&SZ
180
140"
imgsource="http://chart.cnlist.com/"
case
4
getastockimg="http://image.sinajs.cn/newchart/small/ish000001.gif?1189176558328"
getastockimgb="http://image.sinajs.cn/newchart/small/isz399001.gif?1189176558328"
imgsource="http://www.sinajs.cn"
case
5
getastockimg="http://218.1.72.66/cgi/pic/sh/realtime/JA000001164143.png"
getastockimgb="http://218.1.72.66/cgi/pic/sz/realtime/JA399001164143.png"
imgsource="http://www.cnstock.com/"
case
6
getastockimg="http://222.73.29.85/img/000001.png"
getastockimgb="http://222.73.29.85/img/399001.png"
imgsource="http://www.eastmoney.com/"
end
select
getastockimg=split(""&getastockimg&"||"&getastockimgb&"||"&imgsource&"","||")
end
function
%>
2.
web-service介面
2.1 CHINAstock的web-service：
http://www.webxml.com.cn/WebServices/ChinaStockWebService.asmx
中國股票行情數據
WEB 服務（支持深圳和上海股市的全部基金、債券和股票），數據即時更新。輸出GIF分時走勢圖、日/周/月 K
線圖、及時行情數據（股票名稱、行情時間、最新價、昨收盤、今開盤、漲跌額、最低、最高、漲跌幅、成交量、成交額、競買價、競賣價、委比、買一 - 買五、賣一 -
賣五）。此WEB服務提供了如下幾個介面：
2.1.1
getStockImageByCode
GET
股票GIF分時走勢圖
INput：theStockCode =
股票代號，如：sh000001
POST /WebServices/ChinaStockWebService.asmx
HTTP/1.1
Host: www.webxml.com.cn
Content-Type:
text/xml; charset=utf-8
Content-Length:
length
SOAPAction:
"http://WebXml.com.cn/getStockImageByCode"
string
Output：
2.1.2
getStockImageByteByCode
獲得中國股票GIF分時走勢圖位元組數組
INput：theStockCode
= 股票代號，如：sh000001
POST /WebServices/ChinaStockWebService.asmx
HTTP/1.1Host: www.webxml.com.cnContent-Type: text/xml;
charset=utf-8Content-Length: lengthSOAPAction:
"http://WebXml.com.cn/getStockImageByteByCode"
string
返回的數據如下：
hkMyt4m4VkJtstbv8A
2.1.3
getStockImage_kByCode
直接獲得中國股票GIF日/周/月 K
線圖（545*300pixel/72dpi）
INPUT: theStockCode =
股票代號
theType = K 線圖類型（D：日[默認]、W：周、M：月），
POST
/WebServices/ChinaStockWebService.asmx HTTP/1.1Host:
www.webxml.com.cnContent-Type: text/xml; charset=utf-8Content-Length:
lengthSOAPAction: "http://WebXml.com.cn/getStockImage_kByCode" string
string
比如按照下圖所示輸入：
返回的結果就是周K線圖：
2.1.4
getStockImage_kByteByCode
獲得中國股票GIF日/周/月 K
線圖位元組數組
Input：theStockCode = 股票代號，如：sh000001
POST
/WebServices/ChinaStockWebService.asmx HTTP/1.1Host:
www.webxml.com.cnContent-Type: text/xml; charset=utf-8Content-Length:
lengthSOAPAction: "http://WebXml.com.cn/getStockImage_kByteByCode" string string
HTTP/1.1 200 OKContent-Type: text/xml; charset=utf-8Content-Length: length
base64Binary
比如按照下圖輸入：
返回的結果就是周K線圖位元組數組
hkMyt4m4VkJtstbv8A
2.1.5
getStockInfoByCode
獲得中國股票及時行情
input：theStockCode
= 股票代號
POST /WebServices/ChinaStockWebService.asmx HTTP/1.1Host:
www.webxml.com.cnContent-Type: text/xml; charset=utf-8Content-Length:
lengthSOAPAction: "http://WebXml.com.cn/getStockInfoByCode"
string
返回的值一個一維字元串數組
String(24)，結構為：String(0)股票代號、String(1)股票名稱、String(2)行情時間、String(3)最新價（元）、String(4)昨收盤（元）、String(5)今開盤（元）、String(6)漲跌額（元）、String(7)最低（元）、String(8)最高（元）、String(9)漲跌幅（%）、String(10)成交量（手）、String(11)成交額（萬元）、String(12)競買價（元）、String(13)競賣價（元）、String(14)委比（%）、String(15)-String(19)買一
- 買五（元）/手、String(20)-String(24)賣一 - 賣五（元）/手。
Web
service的方法類似於現在concurrent項目的DBWS數據的獲取，都是通過SOAP協議向DBWS伺服器獲取相關的數據。
利用雅虎查中國股票
http://quote.yahoo.com/d/quotes.csv?s=MSFT&f=slc1wop
返回微軟的股票價格
"MSFT","4:00pm
- 30.70",+1.04,"21.46 -
30.75",29.77,29.66
http://quote.yahoo.com/d/quotes.csv?s=000969.SZ&f=slc1wop
這個返回安泰科技的，一般有半個小時的延遲。
但是s=000969.sz
這個後面的sz是深圳的意思, 滬市是SS後綴
㈤ 怎麼使用 JavaScript 將網站後台的數據變化實時更新到前端
要實現這個功能，要用到ajax獲取後端數據，和前端js定時器的知識，
首先自定義一個ajax獲取要顯示在html頁面上的數據的方法，例如方法getdata,這個方法把獲取的返回值，通過js動態的顯示到html頁面要顯示的區域，然後再寫一個js定時器來實現實時調用數據，如：
<script>
//定時器 非同步運行
function hello(){
alert("hello");
}
var t2 = window.setTimeout("hello()",3000); //定時器
//window.clearTimeout(t2);//去掉定時器
</script>
把裡面的hello方法換成你ajax獲取數據的方法名，然後改下定時器裡面的方法名和時間，這里設置的是3秒鍾執行一次可以設置成你自己要的數據，就實現了你要的頁面實時調用數據了。
㈥ html怎麼實現這種股票實時更新的功能，求大神指導。膜拜！！！
單靠html肯定是實現不了實時更新的啊...
首先得有數據的來源，可能是某個網站，然後他應該會有介面，你通過介面獲得數據，然後再在你的後台解析數據。後端實時解析數據，前段可以每隔幾秒或幾十、幾百毫秒對後端進行數據請求，再在前端網頁上面顯示出來。
總得來說是一個比較大的工程，別以為一個html就能把所有的事都幹了。
㈦ 怎麼使用 JavaScript 將網站後台的數據變化實時更新到前端
可以利用ajax非同步刷新，示例如下
$.ajax({
url:"（你要請求的url地址）",
data:{
"key1" : "value1",
"key2" : "value2"
},
type:"post", //此處傳遞方式可以是get也可以是post
dataType:"json", //後台要返回的數據形式
success:function(data){//請求成功的要執行的回調函數
console.log('請求成功');
console.log(data);
},
error:function(msg){//請求失敗的要執行的回調函數
console.log('請求失敗');
console.log(msg);
}
});
㈧ js怎麼實現及時更新資料庫的數據展現在前台頁面
頁面本身是不具備保存歷史數據的功能的，需要藉助其它手段來實現，常用方法如下：
非同步更新頁面。這種方法實際上頁面是沒有刷新的，通過AJAX導步獲取信息來更新頁面，這樣可以保留原頁面需要保留的數據。一些網站的發表評論後，評論內容更新，用的就是這個方法。
使用COOKIE保存。把需要保存的數據存儲到COOKIE中，頁面更新時，讀取COOKIE渲染到頁面上。比較常見的如：登錄框記錄用戶名，下次登錄無須重新輸入。但COOKIE存儲的數據量有限，不適合大的數據存儲。
伺服器端保存數據。與COOKIE保存類似，只不過內容是保存在伺服器端，利用會話機制在頁面更新時從伺服器讀取內容重新渲染。這是一種常見的而保險的方法。像一些文本編輯器，保存草稿等，就是通過這樣的方式實現的
㈨ jsp中顯示後台數據並實時刷新
可以通過JS來實現
思路：通過定時器調用後台，調用時採用Ajax。最後再局部刷一下那個
div就Ok了。
如有疑問可以在線和我聯系
實例：（採用jquery+struts）
jsp頁面:
<div id='abc'></div>
<script language="javascript" type="text/javascript">
$(function(){
setInterval("random()",1000);
});
function random()
{
$.ajax({
type:"post",
url:test.do,
success:function(text)
{
$("#abc").text(text);
}
});
}
</script>
伺服器端代碼：
PrintWriter out=response.getWriter();
Random r=new Random();
out.print(r.nextInt());
return null;
㈩ 如何編程從免費股票軟體中提取實時數據
自己寫程序的話，一種方法是從已提供的信息源，例如webservice獲取數據。還有種辦法就是去連接提供即時信息的網頁硬解析。
代碼舉例如下：
Created on Thu Jul 23 09:17:27 2015
@author: jet
"""
DAY_PRICE_COLS = ['date', 'open', 'high', 'close', 'low', 'volume',
'chg', '%chg', 'ma5', 'ma10', 'ma20',
'vma5', 'vma10', 'vma20', 'turnover']
DAY_PRICE_URL = '%sapi.finance.%s/%s/?code=%s&type=last'
INDEX_KEY = ['SH', 'SZ', 'HS300', 'SZ50', 'GEB', 'SMEB']
INDEX_LIST = {'SH': 'sh000001', 'SZ': 'sz399001', 'HS300': 'sz399300',
'SZ50': 'sh000016', 'GEB': 'sz399006', 'SMEB': 'sz399005'}
INDEX_DAY_PRICE_COLS= ['date', 'open', 'high', 'close', 'low', 'volume',
'chg', '%chg', 'ma5', 'ma10', 'ma20',
'vma5', 'vma10', 'vma20']
K_TYPE_KEY = ['D', 'W', 'M']
K_TYPE_MIN_KEY = ['5', '15', '30', '60']
K_TYPE = {'D': 'akdaily', 'W': 'akweekly', 'M': 'akmonthly'}
MIN_PRICE_URL = '%sapi.finance.%s/akmin?scode=%s&type=%s'
PAGE_TYPE = {'http': 'http://', 'ftp': 'ftp://'}
PAGE_DOMAIN = {'sina': 'sina.com.cn', 'ifeng': 'ifeng.com'}
URL_ERROR_MSG = '獲取失敗，請檢查網路狀態，或者API埠URL已經不匹配！'
get_hist_data.py
# -*- coding: utf-8 -*-
"""
Created on Thu Jul 23 09:15:40 2015
@author: jet
"""
import const as ct
import pandas as pd
import json
from urllib2 import urlopen,Request
def get_hist_data(code = None, start = None, end = None, ktype = 'D'):
"""
功能:
獲取個股歷史交易數據
--------
輸入:
--------
code:string
股票代碼 比如:601989
start:string
開始日期 格式:YYYY-MM-DD 為空時取到API所提供的最早日期數據
end:string
結束日期 格式:YYYY-MM-DD 為空時取到最近一個交易日數據
ktype:string(default=D, 函數內部自動統一為大寫)
數據類型 D=日K線，W=周K線，M=月K線，5=5分鍾，15=15分鍾
30=30分鍾，60=60分鍾
輸出:
--------
DataFrame
date 日期
open 開盤價
high 最高價
close 收盤價
low 最低價
chg 漲跌額
p_chg 漲跌幅
ma5 5日均價
ma10 10日均價
ma20 20日均價
vma5 5日均量
vma10 10日均量
vma20 20日均量
turnover換手率(指數無此項)
"""
code = code_to_APIcode(code.upper())
ktype = ktype.upper()
url = ''
url = get_url(ktype, code)
print(url)
js = json.loads(ping_API(url))
cols = []
if len(js['record'][0]) == 14:
cols = ct.INDEX_DAY_PRICE_COLS
else:
cols = ct.DAY_PRICE_COLS
df = pd.DataFrame(js['record'], columns=cols)
if ktype in ct.K_TYPE_KEY:
df = df.applymap(lambda x:x.replace(u',', u''))
for col in cols[1:]:
df[col]=df[col].astype(float)
if start is not None:
df = df [df.date >= start]
if end is not None:
df = df[df.date <= end]
df = df.set_index('date')
return df
def code_to_APIcode(code):
"""
功能：
驗證輸入的股票代碼是否正確，若正確則返回API對應使用的股票代碼
"""
print(code)
if code in ct.INDEX_KEY:
return ct.INDEX_LIST[code]
else:
if len(code) != 6:
raise IOError('code input error!')
else:
return 'sh%s'%code if code[:1] in ['5', '6'] else 'sz%s'%code
def get_url(ktype, code):
"""
功能：
驗證輸入的K線類型是否正確，若正確則返回url
"""
if ktype in ct.K_TYPE_KEY:
url = ct.DAY_PRICE_URL % (ct.PAGE_TYPE['http'], ct.PAGE_DOMAIN['ifeng'],
ct.K_TYPE[ktype], code)
return url
elif ktype in ct.K_TYPE_MIN_KEY:
url = ct.MIN_PRICE_URL % (ct.PAGE_TYPE['http'], ct.PAGE_DOMAIN['ifeng'],
code, ktype)
return url
else:
raise IOError('ktype input error!')
def ping_API(url):
"""
功能：
向API發送數據請求，若鏈接正常返回數據
"""
text = ''
try:
req = Request(url)
text = urlopen(req,timeout=10).read()
if len(text) < 15:
raise IOError('no data!')
except Exception as e:
print(e)
else:
return text
#測試入口
print(get_hist_data('601989','2015-07-11','2015-07-22'))