Ajax学习2

1、什么是XMLHttpRequest

XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它可请求服务器上的数据资源。jQ中的Ajax函数就是基于xhr对象封装的。

2、如何使用xhr发送请求

步骤：

1：创建xhr对象

2：调用 xhr.open() 函数

3：调用 xhr.send() 函数

4：监听 xhr.onreadystatechange 事件

var xhr = new  XMLHttpRequest()
    //创建一个xhr对象，然后调用open()函数
xhr.open('GET',url)
    //调用send()函数
xhr.send()
    //监听 onreadystatechange 事件
xhr.onreadystatechange = function () {
    if(xhr.readyState === 4 && xhr.status === 200){//获取服务器响应
        console.log(xhr.responseText)
    }
}

3、xhr对象的readyState属性

用来表示ajax请求当前所处状态，每个ajax请求都会处于以下状态中一个。

 4、查询字符串

        什么是查询字符串？

        1、定义：查询字符串(URL 参数)是指在 URL 的末尾加上用于向服务器发送信息的字符串

                        (变量)。

        2、格式：将英文的 ? 放在url的末尾然后再加上 参数 = 值 ，想加上多个参数的话，使用                                & 符号进行分隔 。

        GET请求携带参数本质

            当需要携带参数时，本质上都是直接将参数以查询字符串的形式，追加到 URL 地址的后面             发送到服务器的。

5、url编码与解码

        1、什么是url编码？

                URL 地址中，只允许出现英文相关的字母、标点符号、数字。中文字符串是不允许出                     现的，而如果 URL 中需要包含中文这样的字符，则必须对中文字符进行编码（转义）

                       通俗来说就是使用英文字符去表示非英文的字符

        2、url编码的原则

                使用安全的字符去表示那些不安全字符。

        3、如何对url进行编码与解码

                浏览器提供了url编码与解吗的api，encodeURI() 编码的函数 和 decodeURI() 解码的函数

                由于浏览器会自动对url地址进行编码操作，所以大对数情况下不需要关心url地址的编码                  与解码操作

6、数据交换格式

        1、什么是数据交换格式？

                   数据交换格式，就是服务器端与客户端之间进行数据传输与交换的格式，常提得有                         XML和JSON，而xml用的非常少所以重点为json。

                  xml的缺点是：1、格式臃肿，和数据无关的代码多，体积大，传输效率低 

                                           2、在 Javascript 中解析 XML 比较麻烦

        2、什么是json？

                   概念：JavaScript对象表示法，本质是字符串。

                   作用：JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于存储                                和传输数据，但是 JSON 比 XML 更小、更快、更易解析。

        3、json的两种结构

               JSON 就是用字符串来表示 Javascript 的对象和数组。所以，JSON 中包含对象和数组                      两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

             对象结构： 

                对象结构在 JSON 中表示为 { } 括起来的内容。数据结构为 { key: value, key: value, … }                  的键值对结构。其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型                    可以是数字、字符串、布尔值、null、数组、对象6种类型。

             数组结构：

                数组结构在 JSON 中表示为 [ ] 括起来的内容。数据结构为 [ "java", "javascript",        30,true…]。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类                   型。

         4、json语法注意是事项

                      1:属性名必须使用双引号包裹

                      2:字符串类型的值必须使用双引号包裹

        3:JSON 中不允许使用单引号表示字符串

        4:JSON 中不能写注释

        5:JSON 的最外层必须是对象或数组格式

                      6:不能使用 undefined 或函数作为 JSON 的值

           5、JSON和JS对象的互转

                要实现从 JSON 字符串转换为 JS 对象，使用 JSON.parse() 方法：

    var obj=JSON.parse('{"name":"szw","age":20}')
    //结果是{a:'szw',age:20}

             要实现从 JS 对象转换为 JSON 字符串，使用 JSON.stringify() 方法：

    var obj=JSON.stringift({name:"szw",age:20})
    //输出'({"name":"szw","age":20})'

            6、序列化和反序列化

                     把数据对象 转换为 字符串的过程，叫做序列化，例如：调用 JSON.stringify()函数                       的操作，叫做 JSON 序列化。

                    把字符串 转换为 数据对象的过程，叫做反序列化，例如：调用 JSON.parse() 函数的                      操作，叫做 JSON 反序列化。