这次给大家带来ajax怎么发送和接收二进制字节的数据，ajax发送和接收二进制字节的数据的注意事项有哪些，下面就是实战案例，一起来看一下。
html5 ajax 2.0标准中，增强了ajax的许多功能，包括发送formdata数据，上传数据进度条等诸多功能。但实际上，ajax可以字节发送二进制数据。
发送二进制数据
var oreq = new xmlhttprequest();
oreq.open(post, url, true);
oreq.onload = function (oevent) {
// uploaded.
};
var blob = new blob(['abc123'], {type: 'text/plain'});
oreq.send(blob);
或者
var myarray = new arraybuffer(512);
var longint8view = new uint8array(myarray);
for (var i=0; i< longint8view.length; i++) {
longint8view[i] = i % 255;
}
var xhr = new xmlhttprequest;
xhr.open(post, url, false);
xhr.send(myarray);
接收二进制数据
var oreq = new xmlhttprequest();
oreq.open(get, /myfile.png, true);
oreq.responsetype = arraybuffer;
oreq.onload = function (oevent) {
var arraybuffer = oreq.response; // note: not oreq.responsetext
if (arraybuffer) {
var bytearray = new uint8array(arraybuffer);
for (var i = 0; i < bytearray.bytelength; i++) {
}
}
};
oreq.send(null);
当然，如上设置只能是文本类型，如果是blob类型，那么如下即可
var oreq = new xmlhttprequest();
oreq.open(get, /myfile.png, true);
oreq.responsetype = arraybuffer;
oreq.onload = function(oevent) {
var blob = new blob([oreq.response], {type: image/png});
// ...
};
oreq.send();
或者
var oreq = new xmlhttprequest();
oreq.open(get, /myfile.png, true);
oreq.responsetype = blob;
oreq.onload = function(oevent) {
var blob = oreq.response;
// ...
};
oreq.send();
如果你使用的是旧版本的浏览器，那么加载二进制可以如下
function load_binary_resource(url) {
var req = new xmlhttprequest();
req.open('get', url, false);
//xhr binary charset opt by marcus granado 2006 [http://mgran.blogspot.com]
req.overridemimetype('text\/plain; charset=x-user-defined');
req.send(null);
if (req.status != 200) return '';
return req.responsetext;
}
注意:x-user-defined告诉浏览器不要解析数据
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
jsonp怎么处理ajax的跨域访问
ajax操作全局监测,用户session失效怎么处理
以上就是ajax怎么发送和接收二进制字节的数据的详细内容。