基于aos实现页面数据动态加载与刷新前端练习.pdfVIP

•《代码题》

1、

伤感句子

使用axios向服务器发送请求，实现页面加载和刷新能够展示文本内容，点击“更换”按

钮内容更换；

服务器地址为：

训练目标：

熟练使用axios技术，发送请求与服务器进行数据通信；

训练提示：

1：使用axios发送请求到指定得服务器

2：讲服务器返回的数据更新到页面中

参考方案：

Jq的ajax请求

训练步骤：

1：在一个目录中创建index.html文件；

2：根据效果图分析布局，并编写HTML结构和CSS样式

•《Code

Question》

1、

伤感句子

Useaxiostosendarequesttotheservertoloadandrefreshthepagetodisythetextcontent.Clickthe

Recebuttontochangethecontent;

Theserveraddressis:

Training

objectives:

Proficientinusingaxiostechnologytosendrequestsfordata；

communicationwiththeserver

TrainingTips:

1:Useaxiostosendarequesttothespecified

server2:Updatethedatareturnedbytheservert

othepage

Reference

n:

Jqajaxrequest

Training

steps:

1:Createtheindex.htmlfileinadirectory;2:Analyzethelayoutaccording

totherenderings,andwritetheHTMLstructureandCSSstyle

3：引入axios

4：使用axios.get()发送请求

5：获取服务器返回数据

6：将服务器返回的数据更新到页面中

举一反三

页面展示不变，请使用axios发送post请求，获取“情诗”数据，

服务器地址：

素材：附件

o04ajax进阶.rar

o无

3:Introduceaxios

4:Useaxios.get()tosendarequest

5:Getthedatareturnedbytheserver

6:Updatethedatareturnedbytheservertothe

page

举一反三

Thepagedisyremainsunchanged.Pleaseuseaxiostosendapostrequesttoobtaint

helovepoemdata.

Serveraddress:

Material:Download

attachment

o04ajaxadvanced.raro

None