JQuery和Ajax的应用

Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML)，它并不是指一种单一的技术，而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。

一、Ajax的优势：1.不需要插件支持，用户只需要允许JavaScript在浏览器上执行即可

2.优秀的客户体验

3.提高web程序的性能，在传统模式中，数据提交时通过表单来实现的，而数据获取是靠全页面刷新来重新获取整页内容。Ajax只是通过XMLHttpRequest对象向服务器端提交希望提交的数据，即按需发送。

4.减轻服务器和宽带的负担

二、Ajax的不足：1.浏览器对XMLHttpRequest对象的支持不足

2.破换浏览器的前进、后退按钮的正常功能

3.对搜索引擎的支持不足

4.开发和调试工具的缺乏

三、$.Ajax()方法：$.ajax()方法是jquery最底层的Ajax实现；结构为：$.ajax(option)

$.ajax()方法常用的参数解释：

参数名称	类型	说明
url	string	发送请求的地址
type	string	请求方式（post或get）默认为get
timeout	Number	设置请求超时时间（毫秒）
data	Object或string	发送到服务器的数据；对象必须是key/value格式，例如{foo1:"bar1",foo2:"bar2"},如果是数组，jquery讲自动为不同只对应同一个名称，例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2
dataType	string	预期服务器返回的数据类型，如果不指定，jquery讲自动根据Http包MIME信息返回responseXML或者responseText，并作为回调函数参数传递。 可用的类型为： xml：返回XML文档，可用jquery处理； html：返回纯文本HTML信息：包含的script标签会在插入到DOM时执行； script：返回纯文本的javascript代码。不会自动缓存结果，除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都转换为get请求； json：返回JSON数据； jsonp：JSONP格式； text：返回纯文本；
complete	Function	请求完成后调用的回调函数（请求成功或者失败后都调用） 参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。 function(XMLHttpRequest){ this;//调用本次Ajax请求时传递的options参数 }
success	Function	请求成功后调用的回调函数，有两个参数： （1）有服务器返回，并根据dataType参数进行处理后的数据。 （2）描述状态的字符串。 function（data,textStatus）{ //data可能是xmlDoc、jsonObj、html、text等等，调用本次Ajax请求时传递的options参数 }
async	Boolean	默认设置下（默认为true）所有请求均为异步请求，若需要同步发送请求则为false，跨域请求和dataType:"jsonp"请求不支持同步操作。注意：同步请求讲锁住浏览器，用户其他操作必须等待请求完成才可以执行
cache	Boolean	默认为true（当dataType为"script"和"jsonp"时，则默认为false），设置为false将不会从浏览器缓存中加载请求信息