AJAX 教程

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

为什么要用ajax?

如果仔细观察一个Form的提交,你就会发现,一旦用户点击“Submit”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。

如果不幸由于网络太慢或者其他原因,就会得到一个404页面。

这就是Web的运作原理:一次HTTP请求对应一个页面。 如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用JavaScript发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。

最早大规模使用AJAX的就是Gmail,Gmail的页面在首次加载后,剩下的所有数据都依赖于AJAX来更新。

用JavaScript写一个完整的AJAX代码并不复杂,但是需要注意:AJAX请求是异步执行的,也就是说,要通过回调函数获得响应。

阅读AJAX教程前,您需要了解的知识:

阅读Ajax教程,您需要有以下基础: HTMLCSS 基础 JavaScript 基础

Ajax 第一章要讲的内容如下:

01、客户端与服务器
02、URL地址的概念及组成部分
03、图解客户端与服务器通讯的过程
04、基于开发者查看客户端与服务器的通讯
05、数据也是一种资源
06、网页中如何请求数据
07、资源的请求方式
08、Ajax的概念
09、Ajax的典型应用场景
10、了解JQuery中的Ajax
11、$.get()函数的语法
12、$.get()发起不带参数的请求
13、$.get发起带参数的请求
14、$.post函数的语法
15、$.post()向服务器提交数据
16、$.ajax()函数的语法
17、$.ajax()发起GET请求
18、$.ajax()发起POST请求
19、接口的概念