《Vue.js3Web开发案例教程（在线实训版）》 课件 11-a AJAX与Axios（上）.pptx

vue.js 2024.7vue.js

第11章AJAX与Axios（上）AJAX基础概念AJAX技术的好处AJAX传输数据的方式AJAX的组成部分用原生方法获取异步数据DEMO

第11章AJAX与Axios（上）

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

第11章AJAX与Axios（上）AJAX技术的好处：减轻服务器的负担，加快浏览速度带来更好的用户体验基于标准化并被广泛支持的技术，不需要下载插件或小程序促进页面呈现与数据分离

第11章AJAX与Axios（上）AJAX传输数据的方式：一种是在服务器上直接生成HTML文档的片段，然后传递到浏览器上，进行局部更新。另一种是服务器上生成的是数据，而不是文档，但是绝对大多数都是用JSON数据格式，而不是XML数据格式。

第11章AJAX与Axios（上）AJAX的组成部分技术在AJAX中扮演的角色JavaScriptJavaScript是通用的脚本语言，用来嵌入在某种应用之中。Ajax应用程序是使用JavaScript编写的。CSSCSS为Web页面元素提供了可视化样式的定义方法。Ajax应用中，用户界面的样式可以通过CSS独立修改。DOM通过JavaScript修改DOM，Ajax应用程序可以在运行时改变用户界面，或者局部更新页面中的某个节点。XMLHttpRequest对象XMLHttpRequest对象允许开发人员从Web服务器上获取数据。数据的格式通常是JSON、XML或者文本。

第11章AJAX与Axios（上）Ajax的组成部分

第11章AJAX与Axios（上）用原生方法获取异步数据letxmlHttp=newXMLHttpRequest();xmlHttp.open(GET,http://demo-api.geekfun.website/vue/ajax-test.aspx,true);xmlHttp.onreadystatechange=()={if(xmlHttp.readyState==4xmlHttp.status==200)this.msg=xmlHttp.responseText;};xmlHttp.send(null);

第11章AJAX与Axios（上）DEMO

第11章AJAX与Axios（上）AJAX基础概念AJAX技术的好处AJAX传输数据的方式AJAX的组成部分用原生方法获取异步数据DEMO

请继续学习第11章——

AJAX与Axios（下）