事件 Ajax

关于事件绑定

• IE低版本用attachEvent绑定事件

• W3C用addElementListener

    var btn1=document.getElementById('btn');
    btn1.addEventListener('click',function(event){
        console.log('click');
    })
  

自己写一个函数来封装监听事件

    function bindEvent(elem,action,fn){
      elem.addEventListener(action,fn);
    }

      var btn1=document.getElementById('btn');
      bindEvent(btn1,'click',function(){
      console.log('hello');
        })

• 手动编写一个ajax，不依赖第三方库
  IE6,7是用ActiveXObject来做Ajax的

    var xhr = new XMLHttpRequest();
    xhr.open("method",“url",true/false);
    xhr.onstatechange = function(){
        if(xhr.readystate==4&xhr.status==200){
            alert(requestText);  
            }
    }
    xhr.send();
  

• 跨域的几种方式
  浏览器有同源策略，不允许ajax访问其他域接口
  不同协议（http,https)，不用域名，不同端口
  但是有三个标签允许跨域加载资源(浏览器允许）

1. <img src=xxx> (网站防盗链） ,用于打点统计
2. <link href=xxx> (加载CSS) ，和<script>允许使用CDN，CDN可能是来自于其他域的，比如你用boostrap前面也是要引用CDN
3. <script src=xxx> (js) 可以用于JSONP

• 状态码