JavaScript权威设计--跨域,XMLHttpRequest(简要学习笔记十九)

1.跨域指的是什么？

URL	说明	是否容许通讯
http://www.a.com/a.js http://www.a.com/b.js	同一域名下	容许
http://www.a.com/lab/a.js http://www.a.com/script/b.js	同一域名下不一样文件夹	容许
http://www.a.com:8000/a.js http://www.a.com/b.js	同一域名，不一样端口	不容许
http://www.a.com/a.js https://www.a.com/b.js	同一域名，不一样协议	不容许
http://www.a.com/a.js http://70.32.92.74/b.js	域名和域名对应ip	不容许
http://www.a.com/a.js http://script.a.com/b.js	主域相同，子域不一样	不容许
http://www.a.com/a.js http://a.com/b.js	同一域名，不一样二级域名（同上）	不容许（cookie这种状况下也不容许访问）
http://www.cnblogs.com/a.js http://www.a.com/b.js	不一样域名	不容许

 

跨域指的是域名不是ip!

以下：

　　127.0.0.1 与你在host中配置的 127.0.0.1   scan.www

　　虽然DNS解析的时候ip都是127.0.0.1，可是二者仍是属于跨域，由于域名不一样！

 

2.Comet与Ajax

 

3.XMLHttpRequest

除了GET与POST以外，XMLHttpRequest规范也容许第一个参数为DELETE，HEAD,OPTIONS,PUT。

若是有请求头的话，须要设置它。

如:POST请求须要“Content-Type”头指定请求主题的MIME类型。

request.setRequestHeader("Content-Type","text/plain");

 

 

POST发送：

4.为了在响应准备就绪获得通知，必须监听XMLHttpRequest对象上的readystatechange事件。

readyState是一个整数，它指定了HTTP请求的状态。

 

 

 

下面是一个异步响应。

 

 

 

下面是一个同步响应：

 

 

 

5.<script>元素能够发起跨域请求。而XMLHttpRequest API不能够。

咱们能够经过检查头文件类型来判断响应的数据类型。

var type=request.getResponseHeader("Content-Type"); if(type.indexOf("xml")!==-1 && request.responseXML){ callback(request.responseXML); //Document对象响应
}else if(type==="application/json"){ callback(JSON.parse(request.responseText)); //JSON响应
}

 

6.multipart/form-data

当HTML表单同事包含文件上传元素和其余元素时，浏览器不能使用普通的表单编码，

必须使用“multipart/form-data”的特殊Content-Type来用POST方法提交表单。

 

 

7.文件上传

js:

window.onload=function(){ var a=document.getElementById("dd"); a.addEventListener("change",function(){ alert(this.files)   //返回一个FileList
    },false) }

 

 

 

8.HTTP进度事件

HTTP请求超时，触发timeout事件

HTTP请求停止，触发abort事件

HTTP太多重定向的网络错误会阻止请求完成，触发error事件

 

与progress事件相关的其余三个属性：

loaded:目前传输的字节数值

total:头传输的数据的总体长度

lengthCopmputable：若是知道内容长度，为true

例子：

request.onprogress=function(e){ if(e.lengthCopmputable){ progress.innerHTML=Math.round(100*e.loaded/e.total)+"%完毕！"；
 } }

 

9.CORS（跨域资源共享）

 

10.使用EventSource建立简单聊天客户端