3.大數(shù)據(jù)之echarts視頻案例及大echarts05ajax

1、jQuery實(shí)現(xiàn)AJAX應(yīng)用第三單元 jQuery和AJAX學(xué)完本次課程后，你能夠：掌握AJAX的實(shí)現(xiàn)思路掌握AJAX的實(shí)現(xiàn)過程本課目標(biāo)2/28AJAX指異步的JavaScript及XML（AsynchronousJavaScript And XML）AJAX 不是編程語言，而是創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)AJAX簡(jiǎn)介3/28 JavaScript使用 XMLHttpRequest 對(duì)象來直接與 服務(wù)器進(jìn)行通信，異步傳輸數(shù)據(jù)AJAX的工作流程4/28從服務(wù)器請(qǐng)求少量的所需信息，而不是整個(gè)頁面內(nèi)容，減少服務(wù)器壓力 通過使用AJAX可實(shí)現(xiàn)頁面局部數(shù)據(jù)更新， 而不是整個(gè)頁面的

2、跳轉(zhuǎn)AJAX實(shí)現(xiàn)步驟演示示例：AJAX實(shí)例5/28作用實(shí)現(xiàn)以異步方式在客戶端與服務(wù)器端之間傳遞數(shù)據(jù)瀏覽器創(chuàng)建XMLHttpRequest對(duì)象的差異XMLHttpRequest對(duì)象ActiveX對(duì)象XMLHttpRequest 對(duì)象/ 兼容寫法/如果是 IE7+,FF等高級(jí)瀏覽器if(window.XMLHttpRequest) return new XMLHttpRequest();/如果是IE 5,IE6低版本瀏覽器if( window.ActiveXObject) return new ActiveXObject(Microsoft.XMLHTTP);6/28XMLHttpRequest對(duì)

3、象的屬性7/28新建XMLHttpRequestopen方法send方法XMLHttpRequest對(duì)象的方法8/28發(fā)送請(qǐng)求的方式：GET方式和POST方式處理響應(yīng)的方法：文本響應(yīng)和XML響應(yīng)使用AJAX發(fā)送請(qǐng)求及處理響應(yīng)/ (1) 創(chuàng)建XMLHttpRequest對(duì)象/代碼略/ (2) 設(shè)置回調(diào)函數(shù)xmlHttp.onreadystatechange = function() if ( xmlHttp.readyState = 4 & xmlHttp.status = 200 ) / 根據(jù)不同的返回類型處理響應(yīng)/ (3) 初始化XMLHttpRequest 組件xmlHttp.open( type, url, async );/ (4) 發(fā)送請(qǐng)求xmlHttp.send( null / string );關(guān)鍵代碼9/28步驟請(qǐng)求方式實(shí)現(xiàn)代碼初始化組件GETxmlHttpRequest.open(GET,url,true);POSTxmlHttpRequest.open(POST,url,true);xmlHttpRequest.setRequestHeader(Content-Type,application/x-www-form-urlencoded);發(fā)送請(qǐng)求GETxmlHttpRequest.send(null);POST