Ajax发送和接收二进制字节流数据的方法

 更新时间:2016年05月25日 16:17:15   作者:IamOkay  
这篇文章主要介绍了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告诉浏览器不要解析数据

以上所述是小编给大家介绍的Win7任务栏Ajax发送和接收二进制字节流数据的方法的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Ajax异步请求JSon数据(图文详解)

    Ajax异步请求JSon数据(图文详解)

    在编程过程中使用ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,通过本篇文章给大家介绍Ajax异步请求json数据,需要的朋友可以参考下本文
    2015-09-09
  • Ajax向后台传json格式的数据出现415错误的原因分析及解决方法

    Ajax向后台传json格式的数据出现415错误的原因分析及解决方法

    ajax往后台传json格式数据报415错误,什么原因导致的呢,该怎么解决呢?下面脚本之家小编给大家带来了Ajax向后台传json格式的数据出现415错误的原因分析及解决方法感兴趣的朋友一起看看吧
    2016-10-10
  • Ajax请求超时与网络异常处理图文详解

    Ajax请求超时与网络异常处理图文详解

    最近在项目中遇到一个问题,当加载数据量特别大的时候会出现加载超时现象,所以这篇文章主要给大家介绍了关于Ajax请求超时与网络异常处理的相关资料,需要的朋友可以参考下
    2021-05-05
  • Ajax 的初步实现(使用vscode+node.js+express框架)

    Ajax 的初步实现(使用vscode+node.js+express框架)

    这篇文章给大家介绍使用vscode+node.js+express框架操作ajax的初步实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-06-06
  • 通过数据库和ajax方法写出地图的实例代码

    通过数据库和ajax方法写出地图的实例代码

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。这篇文章主要介绍了通过数据库和ajax方法写出地图的实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • Ajax Hacking

    Ajax Hacking

    [红色]Ajax Hacking...
    2006-11-11
  • 用ajax实现预览链接可以看到链接的内容

    用ajax实现预览链接可以看到链接的内容

    用CSS设置预览弹出窗口的样式、用JavaScript进行服务器请求并且显示弹出窗口,需要的朋友可以参考下
    2014-08-08
  • Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用

    Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用

    ajax是一个非常方便的工具,具有和表单相同的功能完成前端和后台之间的交互,起到局部刷新的作用,那么,大家知道ajax该何时用,用在哪些地方吗?下面小编给大家分享Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用,需要的朋友可以参考下
    2015-10-10
  • 关于ajax网络请求的封装实例

    关于ajax网络请求的封装实例

    下面小编就为大家带来一篇关于ajax网络请求的封装实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • ajax实现修改功能

    ajax实现修改功能

    本文主要介绍了ajax实现修改功能的相关资料,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04

最新评论