ホームページ > ウェブフロントエンド > jsチュートリアル > バイナリバイトストリームデータを送受信するための Ajax メソッド

バイナリバイトストリームデータを送受信するための Ajax メソッド

亚连
リリース: 2018-05-23 17:34:40
オリジナル
5403 人が閲覧しました

この記事では、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(&#39;GET&#39;, url, false);
//XHR binary charset opt by Marcus Granado 2006 [http://mgran.blogspot.com]
req.overrideMimeType(&#39;text\/plain; charset=x-user-defined&#39;);
req.send(null);
if (req.status != 200) return &#39;&#39;;
return req.responseText;
}
ログイン後にコピー

注: x-user-define はブラウザにデータを解析しないように指示します

上記は私が行ったものです全員向けにまとめましたので、将来的には皆さんのお役に立てれば幸いです。

関連記事:

Ajax技術を使用して商品数量と合計価格を部分的に更新するサンプルコード

Ajaxアクセス時のセッション失敗問題を完全解決

Ajaxの内部値を外部から呼び出せない理由そして解決策

以上がバイナリバイトストリームデータを送受信するための Ajax メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート