Ajax怎麼傳送和接收二進位位元組的數據

這次帶給大家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告訴瀏覽器不要解析數據#######相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ ######推薦閱讀：#########JSONP怎麼處理Ajax的跨域存取###############ajax操作全域監控,使用者session失效怎麼處理#########

以上是Ajax怎麼傳送和接收二進位位元組的數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！