首页 > 编程语言 > 详细

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

时间:2015-10-16 00:55:33      阅读:330      评论: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创建简单聊天客户端
技术分享
技术分享
 
 
 
 
 

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

原文:http://www.cnblogs.com/zqzjs/p/4883955.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!