jQuery中Ajax的应用

[b]一、Ajax介绍[/b]

　　　　　　1、什么是Ajax

　　　　　　　　异步的JavaScript与XML技术，是一种广泛应用在浏览器的网页开发技术。

　　　　　　2、Ajax的优点

　　　　　　　　a、不需要任何浏览器插件，在任何支持JavaScript的浏览器上运行

　　　　　　　　b、优秀的用户体验（在不更新整个页面的前提下维护数据）

　　　　　　　　c、提高Web程序的性能（按需发送）

　　　　　　　　d、减轻服务器和宽带的负担

　　　　3、Ajax的缺点

　　　　　　　　a、可能破坏浏览器的后退按钮的正常行为
　　　　　　　　b、对搜索引擎的支持不足
　　　　　　　　c、开发调试工具缺乏
　　　　　　　　d、手持设备支持性差

[b]二、jQuery中的ajax与javaScript中的Ajax[/b]

　　　　1、jQuery中的ajax

　　　　　　　　 $.ajax({
　　　　　　url:"Handler1.ashx",　　//发送请求地址,这里用的是Handler，默认为当前页面
　　　　　　data:{"name":"若曦","age":"20"},　　　　//发送到服务器的数据
　　　　　　 type:"post",　　　　　　//请求方式(get/post),默认为get
　　　　　　dataType:"text",　　　　//服务器返回的数据类型
　　　　　　 success:function(){}　　　　//请求成功后的回调函数

　　　　　　　　　　　　　error():请求失败时调用的函数
　　　　　　　　　　　complete(XHR,TS):请求完成后调用的函数
　　　　　　　　　　　　async:请求异步
　　　　　　　　　　　　cache:页面是否缓存
});

　　　　2、JavaScript中Ajax

　　　　　　　　创建过程:httpRequest请求对象==>>打开连接==>>监控状态==>>发送请求

　　　　　　　　js中文件域不同解决方案:将Ajax文件移到同一个服务器中

　　　　　　　　局限:js中的http请求不能跨域

[b]三、JSON[/b]

　　　　　　　　ajax中数据都是以json方式储存和传输的

　　　　　　　　数据以键值对的形式存储

　　　　序列化元素

　　　　　　serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据

　　　　serialize():序列表表格内容为字符串

　　　　serializeArray():序列表表格内容是将dom元素序列化,返回json对象格式的数据

　　　　$.param():对数组或对象按键值对进行序列化

　　　　serialize():序列表表格内容为字符串

　　　　$.param():对数组或对象按键值对进行序列化