在学习AJAX之前,大家应该对AJAX有一个简单的了解。
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
Ajax教程看哪个好?网络上的AJAX入门教程五花八门,让很多小伙伴看得眼花缭乱。这里也推荐我看过的ajax视频,动力节点的AJAX入门教程,视频讲解内容详细,由浅到深,适合刚接触AJAX的朋友进行学习。
http://www.bjpowernode.com/?toutiaoajax
学习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-同步和异步