初识 Ajax| 学习笔记

简介: 快速学习初识 Ajax。

开发者学堂课程【Ajax 前端开发入门与实战初识 Ajax】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/595/detail/8506


初识 Ajax

 

内容介绍:

一、Ajax 的作用

二、Ajax 的效果

三、一些熟悉的场景

四、小结

 

一、Ajax 的作用

获取服务器的数据,作用仅此而已。

 

二、Ajax 的效果

在不刷新整个页面的情况下,通过一个 url 地址获取服务器的数据,然后进行页面的局部刷新。

 

三、一些熟悉的场景

(1)评论加载的效果:http://view.news.qq.com/

分页加载:一次只加载二十条数据,在末尾会有点击加载更多会进行局部刷新。

异步加载:加载服务器的时候,整个页面依然能继续操作。

局部刷新:当我们获取到新的数据之后,将新的数据追加在原有数据的后边,而并不是做整个页面的刷新。

(2)用户名验证:

同一个用户名只能使用一次,进行用户注册的时候在网站上有一个功能叫做用户名的校验。

当输入完用户名后,鼠标光标切换到密码的输入框当中,这时它将会去请求服务器的数据来判断一下当前用户所输入的用户名在服务器的数据库当中是否存在,如果存在它将会给用户提示,提示用户换一个用户名注册。

image.png

 

四、小结

六个字:局部 异步 刷新

Ajax 的全称: Asynchronous Javascript And XML ,就是使用 JS 代码获取服务器数据。

相关文章
|
5月前
|
JSON 前端开发 JavaScript
AJAX 课程学习笔记三
AJAX 课程学习笔记三
|
5月前
|
JSON 缓存 前端开发
AJAX 课程学习笔记二
AJAX 课程学习笔记二
|
5月前
|
XML 前端开发 JavaScript
AJAX 课程学习笔记一
AJAX 课程学习笔记一
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤3
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤3
67 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤1
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤1
56 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤4
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤4
57 0
|
前端开发
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤2
前端学习笔记202306学习笔记第四十三天-ajax的经典四大步骤2
49 0
|
XML JSON 前端开发
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
【Spring MVC学习笔记 六】SpringMVC框架整合AJAX完成局部刷新
94 0
|
JSON 前端开发 JavaScript
Ajax学习笔记
Ajax学习笔记
|
JSON 前端开发 数据格式
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)
109 0