最近在看Angular http模块的码源，发现对于基础的XMLHttpRequest对象还是认识不清楚，所以花了点时间整理一下，虽然现在已经很少直接使用XHR对象了，不过明白原理也能帮助理解http模块。 由于是在Angular环境下测试的，所以还是通过接口来说明XHR对象。 一、XHR的创建 创 ...
分类：
Web程序 时间：
2019-02-09 01:07:53
阅读次数：
211
// 封装通用的xhr对象,兼容各个版本 function createXHR(){ //判断浏览器是否将XMLHttpRequest作为本地对象实现,针对IE7,火狐,欧朋等 if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpR ...
分类：
其他好文 时间：
2019-02-07 00:03:41
阅读次数：
227
1、CORS介绍 CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源(协议 + 域名 + 端口)服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 CORS需要浏览器和服务器同时支持。它 ...
分类：
编程语言 时间：
2019-01-30 00:23:46
阅读次数：
257
function ajax(method,url,data="",dataType="json"){ return new Promise((resolve,reject)=>{ //1 获取xhr var xhr= new XMLHttpRequest; //2 创建请求 xhr.open(met... ...
分类：
Web程序 时间：
2019-01-29 23:12:06
阅读次数：
257
FormData FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit() ...
分类：
其他好文 时间：
2019-01-28 20:13:03
阅读次数：
1192
一:XMLHttpRequest的封装exportclassHttpCell{private_xhr:XMLHttpRequest=null;private_server_url:string=null;private_callback:($isSucc:boolean,_http:HttpCell,$data:any)=>void=null;private_timeout:number=n
分类：
Web程序 时间：
2019-01-26 17:53:57
阅读次数：
1103
AJAX 即 “Asynchronous Javascript And Xml”, （异步Javascript 和 XML），是一种在无需重新加载整个网页的情况下，能更新部分网页的技术；基于javascript； XMLHttpRequest 对象（XHR） XMLHttpRequest 对象用于在 ...
分类：
Web程序 时间：
2019-01-25 20:25:52
阅读次数：
201
一、概述 FormData类型是XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据提供便利。 作用：1.利用一些键值对来模拟一系列表单控件：即将form中的所有表单元素的name和value组装成一个queryString；2.异步上传二进制文件。 与普通Ajax相 ...
分类：
其他好文 时间：
2019-01-19 20:01:59
阅读次数：
219
<script> //兼容方案 // var xhr=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP'); var xhr = new XMLHttpRequest(); xhr.open ...
分类：
其他好文 时间：
2019-01-19 13:17:22
阅读次数：
239
<script> var xhr = new XMLHttpRequest(); xhr.open('GET', 'xml.php'); xhr.send(); xhr.onreadystatechange = function () { if (this.readyState !== 4) ret ...
分类：
Web程序 时间：
2019-01-19 13:11:55
阅读次数：
188
