开发者学堂课程【Ajax 前端开发入门与实战:初识 Ajax】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/595/detail/8506
初识 Ajax
内容介绍:
一、Ajax 的作用
二、Ajax 的效果
三、一些熟悉的场景
四、小结
一、Ajax 的作用
获取服务器的数据,作用仅此而已。
二、Ajax 的效果
在不刷新整个页面的情况下,通过一个 url 地址获取服务器的数据,然后进行页面的局部刷新。
三、一些熟悉的场景
(1)评论加载的效果:http://view.news.qq.com/
分页加载:一次只加载二十条数据,在末尾会有点击加载更多会进行局部刷新。
异步加载:加载服务器的时候,整个页面依然能继续操作。
局部刷新:当我们获取到新的数据之后,将新的数据追加在原有数据的后边,而并不是做整个页面的刷新。
(2)用户名验证:
同一个用户名只能使用一次,进行用户注册的时候在网站上有一个功能叫做用户名的校验。
当输入完用户名后,鼠标光标切换到密码的输入框当中,这时它将会去请求服务器的数据来判断一下当前用户所输入的用户名在服务器的数据库当中是否存在,如果存在它将会给用户提示,提示用户换一个用户名注册。
四、小结
六个字:局部 异步 刷新
Ajax 的全称: Asynchronous Javascript And XML ,就是使用 JS 代码获取服务器数据。