AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML);
AJAX 不是新的编程语言,而是一种使用现有标准的新方法;
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下;
一、Ajax
1.1、Ajax所包含的技术
1.使用CSS和XHTML来表示。
2.使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。
AJAX 的核心是 XMLHttpRequest 对象。
不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。
IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为XMLHttpRequest 的 JavaScript 内建对象。
1.2、XMLHttpRequest常用属性

1.3、XMLHttpRequest常用方法

1.4、Ajax编程步骤
1. 创建XMLHttpRequest对象
2. 设置请求方式
3. 调用回调函数
4. 发送请求
二、jQuery的ajax操作
2.1、ajax()方法
可以通过发送 HTTP请求加载远程数据,是 jQuery 最底层的 Ajax 实现,具有较高灵活性。
.ajax([settings]);//参数是 .ajax()方法的参数列表,用于配置 Ajax 请求的键值对集合;
$.ajax({
url:请求地址
type:"get | post | put | delete " 默认是get,
data:请求参数 {"id":"123","pwd":"123456"},
dataType:请求数据类型"html | text | json | xml | script | jsonp ",
success:function(data,dataTextStatus,jqxhr){ },//请求成功时
error:function(jqxhr,textStatus,error)//请求失败时
})
2.2、get()方法
通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax
$.get(url,data,function(result) {
//省略将服务器返回的数据显示到页面的代码
});
2.3、post()方法
通过远程 HTTP GET 请求载入信息。
$.post(url,data,function(result) {
//省略将服务器返回的数据显示到页面的代码
});