• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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发送和接收二进制字节流数据的方法的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • Extjs ajax同步请求时post方式参数发送方式
    • 详解JavaScript for循环中发送AJAX请求问题
    • 防止重复发送Ajax请求的解决方案
    • AJAX使用post发送数据xml格式接受数据
    • js与jQuery终止正在发送的ajax请求的方法
    • AJAX中同时发送多个请求XMLHttpRequest对象处理方法
    • jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
    • jquery+ajax每秒向后台发送请求数据然后返回页面的代码
    • jquery跨域请求示例分享(jquery发送ajax请求)
    • 在Web关闭页面时发送Ajax请求的实现方法
    上一篇:纯javascript的ajax实现php异步提交表单的简单实例
    下一篇:妙用Ajax技术实现局部刷新商品数量和总价实例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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