Ajax实战学习教程，ajax基础原理及使用详解

在学习AJAX之前，大家应该对AJAX有一个简单的了解。

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

Ajax教程看哪个好？网络上的AJAX入门教程五花八门，让很多小伙伴看得眼花缭乱。这里也推荐我看过的ajax视频，动力节点的AJAX入门教程，视频讲解内容详细，由浅到深，适合刚接触AJAX的朋友进行学习。

http://www.bjpowernode.com/?s...

学习AJAX以下知识点需要大家掌握：

一、Ajax运行原理

页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段时间里，客户端可以任意进行任意操作，直到服务器端将数据返回给Ajax引擎后，会触发你设置的事件，从而执行自定义的js逻辑代码完成某种页面的功能。

二、JS原生态Ajax技术(比较麻烦)

js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的，要使用js原生的Ajax完成异步操作，有如下几个步骤：

1、创建Ajax引擎对象

2、为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)

3、绑定提交地址

4、发送请求

5、接受响应数据

三、JSON数据格式(现在用得较多，且面试常问)

json是一种与语言无关的数据交换的格式，作用：

使用ajax进行前后台数据交换
移动端与服务端的数据交换

1、JSON的格式与解析

2、JSON的转换插件

四、JQuery的Ajax技术(非常重要)

jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的作方法更简洁，功能更强大，但开发中经常使用的有三种。

Ajax学习目录

Ajax-01-全局刷新和局部刷新

Ajax-02-两种刷新方式对比

Ajax-03-异步对象

Ajax-04-ajax概念

Ajax-05-创建异步对象的步骤第一部分

Ajax-06-创建异步对象的步骤第二部分

Ajax-07-创建异步对象的步骤第三部分

Ajax-08-全局刷新计算bmi创建页面

Ajax-09-全局刷新计算bmi设置tomcat

Ajax-010-全局刷新计算bmi创建servlet

Ajax-011-使用HttpServletResponse输出数据

Ajax-012-ajax计算bmi创建异步对象

Ajax-013-ajax计算bmi状态变化

Ajax-014-ajax计算bmi接收数据

Ajax-015-获取数据更新dom

Ajax-016-ajax第二个例子创建库和表数据

Ajax-017-ajax第二个例子创建web项目

.Ajax-018-ajax第二个例子创建页面

Ajax-019-ajax第二个例子dao访问数据库

Ajax-020-ajax第二个例子创建servlet接收请求

Ajax-021-ajax第二个例子调试程序

Ajax-022-json介绍

Ajax-023-jackson使用

Ajax-024-创建使用json的页面

Ajax-025-使用json的dao

Ajax-026-使用json的servlet

Ajax-027-测试json数据格式

Ajax-028-idea安装插件

Ajax-029-js中转换json对象

Ajax-030-同步和异步