AJAX,异步JavaScript和XML,它并不是一门新的语言或技术;
AJAX是一种Web交互的新方法;
AJAX技术包含了JavaScript,XML,CSS,XSTL,DOM,HTML/XHTML和XMLHttpRequest七种技术,所以AJAX就像是粘合剂把七种技术整合到一起,从而发挥各个技术的优势;(老技术,新思想)
AJAX的五大特点
不用刷新页面就可以改变页面内容,减少用户等待时机(最大特点)
改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交
按需获取数据,每次都只从服务器端获取需要的数据
读取外部数据,进行数据处理整合
异步与服务器进行交互,在交互过程中用户无需等待,仍可继续操作
AJAX技术的优势
AJAX的根本理念是“按需取数据”,大大降低了数据的实际读取量。传统的Web中,服务器的每 次响应都是一个完整的页面;而基于AJAX技术的Web中,服务器的响应只是必须更新的数据。
无刷新更新页面。通过异步发送请求,避免了频繁刷新页面,从而减少了用户的等待时间,提供给用户一种连续的体验。
AJAX技术可以将传统的服务器的工作转嫁到客户端,从而减轻服务器和带宽的负担,节约空间和带宽。
AJAX基于标准化技术,几乎所有浏览器都支持这种技术,无须下载插件或虚拟机程序。
AJAX开发五步骤
建立XMLHttpRequest对象
设置回调函数
使用open方法与服务器建立连接
使用send方法向服务器发送数据
在回调函数针对不同响应状态进行处理
jQuery AJAX主要包括对ajax(),get(),post(),load(),getScript(),getJSON()等几种常用无刷新操作方法的掌握。
load(url,[data],[callback])方法:
url:请求的地址
data:发送至服务器的key/value数据
callback:载入成功的回调函数
load(url,[data],[callback])方法:
url:请求的地址
data:要发送至服务器的key/value数据
callback:载入成功时的回调函数
post(url,[data],[callback])方法:
getScript(url,[callback])方法:通过GET方式请求载入并执行一个JavaScript文件
getJson(url,[data],[callback])方法:通过GET方式请求载入并执行一个json格式的数据
ajax()方法:jQuery封装AJAX的最底层的方法
JSON是一种数据格式,不是一种编程语言,有三种类型的值
简单值JSON字符串必须使用双引号;
对象:不需要申明变量,没有分号;
数组:元素是任意类型的,也没有变量和分号