こんにちは、 太田です。前回はJSONPについて解説しました。今回は、 XMLHttpRequestについて解説していきます。 XMLHttpRequestとは XMLHttpRequestはブラウザ上でサーバーとHTTP通信を行うためのAPIです。 名前にXMLが付いていますがXMLに限ったものではなく、 HTTP ...

以下のようにopen()の第 3 引数をfalseにし、非同期処理から同期処理へ変更した。 xhr.open("GET", "https://example.jp/rest-api/posts.json ...

モダンなWeb開発においてはfetch APIが主流ですが、レガシーシステムとの連携や厳格な後方互換性が求められる環境では、XMLHttpRequestを用いた非同期通信が依然として不可欠な技術となります。本記事では、システム保守運用を想定し、プレーンテキストを ...

今回は、JavaScriptのAjax(XMLHttpRequest)の基本について、通信の仕方とエラー処理の仕方に分け、簡単に解説していきます。 通信の仕方 Ajaxとは、Asynchronous JavaScript+XMLの略で、XMLHttpRequestオブジェクトを使った通信のことです。 XMLHttpRequestでは、Webサーバと非同期 ...

In JavaScript, there are four ways to make an API call. Learn how to leverage each one to make HTTP requests and retrieve dynamic data from a server/database. Before JavaScript ES6 came out, the only ...

The foundation that makes AJAX possible is the communication layer with the server. The most complete option for performing this communication is the JavaScript XMLHttpRequest object. If ...

Safari, Dashboard, and WebKit-based applications support the JavaScript XMLHttpRequest object. XMLHttpRequest (often abbreviated as XHR) allows you to easily fetch content from a server and use it ...

Why do you need this library? Google Chrome (as of version 64) can not estimate the total download size of XMLHTTPRequests when content-encoding: gzip is set, even if the content-length header is set.