jQuery中Ajax的应用

一、Ajax介绍

　　　　　　1、什么是Ajax

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

　　　　　　2、Ajax的优点

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

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

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

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

　　　　3、Ajax的缺点

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

二、jQuery中的ajax与javaScript中的Ajax

　　　　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请求不能跨域

三、JSON

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

  　　　　　　　　数据以键值对的形式存储

　　　　序列化元素

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

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

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

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

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

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