阿里云
为了无法计算的价值
打开APP
阿里云APP内打开
学习中心> Ajax 前端开发入门与实战> 正文

Ajax 前端开发入门与实战

52课时 |
14015人已学 |
免费
课程介绍

Ajax即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

传统的网页(不使用Ajax)如果需要更新内容,必须重载整个网页页面。而使用Ajax,通过在后台与服务器进行少量数据交换,可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

初识Ajax

内容介绍:

一、Ajax的作用

二、Ajax的效果

三、一些熟悉的场景

四、小结

 

  1. Ajax的作用

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

二、Ajax的效果

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

三、一些熟悉的场景

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

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

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

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

  1. 用户名验证:

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

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

四、小结

六个字:局部 异步 刷新

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