Ajax

Ajax知识点；

AJAX是一种用于创建快速动态网页的技术；
从后台提取数据利用创建动态节点，把后台数据展示在页面中。
Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。
　　XMLHttpRequest对象用于在后台与服务器交换数据，具体作用如下：
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据
来源： http://kb.cnblogs.com/page/150964/

通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新（不重新加载页面的情况下更新网页）

    XMLHttpRequest对象；
创建XHR对象：
var XHR = new  XMLHttpRequest();
   兼容浏览器
    var xhr;
        //1.2根据标准的浏览器是否支持标准的创建方法来创建对象
        //先判断浏览器是否具备XMLHttpRequest()方法；
        if(window.XMLHttpRequest){
            //有，表示当前是标准浏览器；
             xhr = new XMLHttpRequest(); // 支持IE8，9；w3c标准。
        }else{
            //无，表示不是标准浏览器, 是IE5,6,7;
            //在IE5,6,7这些老版的浏览器中，Ajax组件是放在ActiveXObject组件库中的，需要传入Micrsoft.XMLHTTP 这个参数才能返回出这个组件。
             xhr = new ActiveXObject('Micrsoft.XMLHTTP');
        }
创建的XHR对象
    在使用XHR对象时，要调用的第一个方法时open();三个参数：
发送请求的类型？：post   or  get；
请求的URL；

表示是否异步发送请求的布尔值；
    

避免缓存问题：

Paste_Image.png

JSON:
json是一个轻量级的数据格式，可以简化表示复杂数据结构的工作量，JSON使用javascript语法的子集表示对象，数组。字符串，数值，布尔值及null；即使XML也能表示同样的复杂数据结果，但是JSON没有那么多的繁琐，而且在javascript中使用很便利；
ECMAScript5 定义了一个原生的JSON队形，可以用来将对象序列化为JSON字符转或者将JSON数据解析为Javascript对象，JSON.stringify（）和JSON.parse（）方法分别用来实现上面的两个功能，这两个方法都设有一些选项，通过他们可以改变过滤的方式，或者 改变序列变化的过程；

Paste_Image.png