04-Ajax

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) {
	//省略将服务器返回的数据显示到页面的代码
});