一、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():对数组或对象按键值对进行序列化

         

05-11 17:02