《Vue.js3Web開發(fā)案例教程（在線實(shí)訓(xùn)版）》 課件 11-a AJAX與Axios（上）

vue.js

2024.7vue.js第11章AJAX與Axios（上）AJAX基礎(chǔ)概念A(yù)JAX技術(shù)的好處AJAX傳輸數(shù)據(jù)的方式AJAX的組成部分用原生方法獲取異步數(shù)據(jù)DEMO第11章

AJAX與Axios（上）

第11章

AJAX與Axios（上）AJAX的基本概念第11章

AJAX與Axios（上）AJAX技術(shù)的好處：減輕服務(wù)器的負(fù)擔(dān)，加快瀏覽速度帶來更好的用戶體驗(yàn)基于標(biāo)準(zhǔn)化并被廣泛支持的技術(shù)，不需要下載插件或小程序促進(jìn)頁(yè)面呈現(xiàn)與數(shù)據(jù)分離第11章

AJAX與Axios（上）AJAX傳輸數(shù)據(jù)的方式：一種是在服務(wù)器上直接生成HTML文檔的片段，然后傳遞到瀏覽器上，進(jìn)行局部更新。另一種是服務(wù)器上生成的是數(shù)據(jù)，而不是文檔，但是絕對(duì)大多數(shù)都是用JSON數(shù)據(jù)格式，而不是XML數(shù)據(jù)格式。第11章

AJAX與Axios（上）AJAX的組成部分技術(shù)在AJAX中扮演的角色JavaScriptJavaScript是通用的腳本語言，用來嵌入在某種應(yīng)用之中。Ajax應(yīng)用程序是使用JavaScript編寫的。CSSCSS為Web頁(yè)面元素提供了可視化樣式的定義方法。Ajax應(yīng)用中，用戶界面的樣式可以通過CSS獨(dú)立修改。DOM通過JavaScript修改DOM，Ajax應(yīng)用程序可以在運(yùn)行時(shí)改變用戶界面，或者局部更新頁(yè)面中的某個(gè)節(jié)點(diǎn)。XMLHttpRequest對(duì)象XMLHttpRequest對(duì)象允許開發(fā)人員從Web服務(wù)器上獲取數(shù)據(jù)。數(shù)據(jù)的格式通常是JSON、XML或者文本。第11章

AJAX與Axios（上）Ajax的組成部分第11章

AJAX與Axios（上）用原生方法獲取異步數(shù)據(jù)letxmlHttp=newXMLHttpRequest();xmlHttp.open("GET","http://demo-api.geekfun.website/vue/ajax-test.aspx",true);xmlHttp.onreadystatechange=()=>{if(xmlHttp.readyState==4&&xmlHttp.status==200)this.msg=xmlHttp.responseText;};xmlHttp.send(null);第11章AJAX與Axios（上）DEMO第11章

AJAX與Axios（上）AJAX基礎(chǔ)概念A(yù)JAX技術(shù)的好處AJAX傳輸數(shù)據(jù)的方式AJA