HTML5 Ajax 2.0標(biāo)準(zhǔn)中,增強(qiáng)了Ajax的許多功能,包括發(fā)送FormData數(shù)據(jù),上傳數(shù)據(jù)進(jìn)度條等諸多功能。但實(shí)際上,Ajax可以字節(jié)發(fā)送二進(jìn)制數(shù)據(jù)。
發(fā)送二進(jìn)制數(shù)據(jù)
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);
接收二進(jìn)制數(shù)據(jù)
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);
當(dāng)然,如上設(shè)置只能是文本類型,如果是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();
如果你使用的是舊版本的瀏覽器,那么加載二進(jìn)制可以如下
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告訴瀏覽器不要解析數(shù)據(jù)
以上所述是小編給大家介紹的Win7任務(wù)欄Ajax發(fā)送和接收二進(jìn)制字節(jié)流數(shù)據(jù)的方法的相關(guān)知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- Extjs ajax同步請求時post方式參數(shù)發(fā)送方式
- 詳解JavaScript for循環(huán)中發(fā)送AJAX請求問題
- 防止重復(fù)發(fā)送Ajax請求的解決方案
- AJAX使用post發(fā)送數(shù)據(jù)xml格式接受數(shù)據(jù)
- js與jQuery終止正在發(fā)送的ajax請求的方法
- AJAX中同時發(fā)送多個請求XMLHttpRequest對象處理方法
- jQuery通過Ajax向PHP服務(wù)端發(fā)送請求并返回JSON數(shù)據(jù)
- jquery+ajax每秒向后臺發(fā)送請求數(shù)據(jù)然后返回頁面的代碼
- jquery跨域請求示例分享(jquery發(fā)送ajax請求)
- 在Web關(guān)閉頁面時發(fā)送Ajax請求的實(shí)現(xiàn)方法