Ajax技术与原理

一、Ajax技术与原理

1.1 Ajax简介

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

1.2 Ajax所包含的技术

大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。
1.使用CSS和XHTML来表示。
2.使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。
AJAX 的核心是 XMLHttpRequest 对象。
不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。
IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象

1.3 Ajax的工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

二、jquery的ajax操作

2.1传统方式实现Ajax的不足

步骤繁琐，方法、属性、常用值较多不好记忆

2.2 ajax()方法

可以通过发送 HTTP请求加载远程数据，是 jQuery 最底层的 Ajax 实现，具有较高灵活性。
参数是 .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.3 get() 方法通过远程 HTTP GET 请求载入信息。

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。

$.get(url,data,function(result) {
	//省略将服务器返回的数据显示到页面的代码
});

url:请求的路径
data:发送的数据
success:成功函数
datatype 返回的数据

2.4 post() 方法通过远程 HTTP GET 请求载入信息。

$.post(url,data,function(result) {
	//省略将服务器返回的数据显示到页面的代码
});

url:请求的路径
data:发送的数据
success:成功函数
datatype 返回的数据