タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命
XMLHttpRequestとは XMLHttpRequestはJavaScriptを使ってブラウザとWEBサーバ間でデータの送受信を行う際に利用することができるオブジェクトです。XMLHttpRequestはWEBサーバからすべてのデータを読み込んだ後でもデータの送受信を行うことができるため、ページをリロードすることなくページ内容を書き換えることが可能になります。XMLHttpRequestを使ったデータの送受信は今のWEBサービスにとって不可欠なものです。現在はWEBサーバとのデータの送受信にXMLHttpRequestを直接利用する機会は少なくaxios(XMLHttpRequestを利用)やfetch関数を利用します。しかしそれらの技術を理解する上でもXMLHttpRequestは重要な機能なので理解を深めておきましょう。 XMLHttpRequestの使用方法 サーバからデータ取
JavaScriptのXMLHttpRequest()を使って別のJavascriptファイルを読み込んで、その先のJavaScript関数を実行する方法になります。 JavaScript内で別のJavaScriptファイルを読み込むサンプルコードサンプルコードではテスト用の別のJavaScriptファイルを「betu.js」として用意しています。 sample = function (file) { text = 'abcdefg'; }XMLHttpRequest()を使って、別のJavaScriptファイル「betu.js」を呼び出すサンプルコードです。 let text = ''; loadFile = function (file) { let request = new XMLHttpRequest(); request.open('GET', file, false); re
[Python]ChatGPT API利用時に画面が欲しい方へ（Flask + XMLHttpRequest） | DevelopersIO
データアナリティクス事業本部のueharaです。 突然ですが、ChatGPT流行ってますよね。 特に、Pythonを使ってChatGPT (OpenAI)のAPIを叩くサンプルが多いので、Pythonを使って遊んでいる方も多いのではないでしょうか。 中でもPythonで記載した処理ロジックはそのままに、「ちょっと画面が欲しいな...」というケースがあると思うので、今回はPythonのWebアプリケーションフレームワークであるFlaskを用いて、画面側（HTML/JS）と非同期にやり取りする骨子部分を作ってみたいと思います。 Flaskのインストール方法 特に難しい手順はなく、以下のようにpipでインストールすることができます。 pip install flask まずはFlaskを使ってみる 今回は簡単ですが、以下のファイル構成を作成します。 . ├ main.py └ templates
![[Python]ChatGPT API利用時に画面が欲しい方へ（Flask + XMLHttpRequest） | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/47371cd63121a4cc67ed74841e706530c7e548f8/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F04%2Fpython.png)
XMLHttpRequest
XMLHttpRequest は JavaScript で HTTP リクエストを行うための組み込みのブラウザオブジェクトです。 名前に “XML” という用語を含んでいますが、XML 形式だけでなくあらゆるデータ扱うことができます。ファイルをアップロード/ダウンロードしたり、進捗の追跡など様々なことができます。 現在は XMLHttpRequest を若干非推奨とする、よりモダンなメソッド fetch があります。 モダンweb開発では、XMLHttpRequest は次の3つの理由で使われることがあります。: 歴史的な理由: XMLHttpRequest をもつ既存のスクリプトをサポートする必要がある場合 古いブラウザをサポートする必要があるが、 polyfill は使いたくない(e.g. スクリプトのサイズを小さくしたい)場合 fetch がまだできないことをしたい場合. e.g ア
AJAXとはAsynchronous JavaScript + XMLの略で、JavascriptとXMLを使用して非同期（Asynchronous）でページ内容を更新する仕組みのことで、この際XHRと呼ばれる仕組みが使われています。XHRとは、XMLHttpRequestの略で、JavascriptでHTTP通信を行うためのAPIのことです。 有名な使用例としては、Googleマップが挙げられ、ページ全体を更新することなく地図をスクロールすることが可能になっています。 XHRでは、XMLHttpRequestという名称に反して、やりとりされるファイルはXMLだけでなく、htmlやjsonなども含まれます。 現在のGoogleのクローラーはAJAX（もちろんXHRも）をサポートしていますが、SEOにおいて注意すべき点がないわけではありません。 この記事では、XHRのインデックスとクロールバ
Aaron D. Parks June 28, 2022 Share: Twitter Reddit Facebook Linkedin Telegram It's rare to see a web app that doesn't use XMLHttpRequest (or fetch, the new API with comparable capability). XMLHttpRequest (which we can call XHR if you're into the whole brevity thing) is as handy as a shirt pocket, but it doesn't do much to encourage robust and resilient programming practices. Any app that runs in t
さてさて、この前「axios不要！fetch()でAjax通信する方法」という記事で新しいAjax送信の方法をご紹介しました。 この記事で少し書いたのですが、私の場合$.ajax()を使っていたのが結構前のことなのでとても懐かったです。 そして、その瞬間ふとやってみたいことが頭に浮かんできました。 それは・・・ Ajax送信の移り変わりを見たい❗ です。 正直なところ、古い書き方を紹介して何になるんだというご意見もあるでしょうが、ぜひ今回の記事を読んで年配のエンジニアさんに聞いてみてください。 あなた「いやー、昔のAjaxって書き方めんどうだったんですよね❓❓」 と。 きっと、「おっ、知ってるのか！？」と人間関係がスムーズになる（かもしれません😂） また、過去を知ることで現在、そして未来を知ることに繋がると思います。 ぜひ予備知識として楽しんでください。 「私が存在を知った 逆順で紹介し
ページのフォームに入力されたデータをサーバーの指定したURLへPOST送信する方法について解説します。 この記事のポイント フォームの入力値はFormDataオブジェクトにセットして、XMLHttpRequestオブジェクトのsendメソッドで送信する FormDataオブジェクトにセットするデータは「ラベル」「値」の組み合わせでセットする XMLHttpRequestでフォームに入力された内容をサーバーへ送信する ページのフォームで入力された内容をサーバーに送信するときは、XMLHttpRequestオブジェクトとFormDataオブジェクトを組み合わせて使います。 XMLHttpRequestオブジェクトでサーバーにリクエスト（要求）を送信するsendメソッドを実行するときに、フォームの入力値をセットしたFormDataオブジェクトをパラメータに指定するとフォームの入力された内容を送信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XMLHttpRequest とはなんだったのか | blog.jxck.io
これでXMLHttpRequestが理解できる | アールエフェクト
JavaScript | XMLHttpRequest()で別のjsファイルを読み込む方法 | 1 NOTES
![「表現の自由」の名のもとに誰かの表現が抑圧されるなら、それは「自由な表現環境」と言えるのだろうか | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/9507f29762c67c461c8b06a4d9cdff7fa2025a48/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F06%2Fethan-speaking-banner_0.jpg)
AjaxなどでXHR（XMLHttpRequest）を使用する際のSEO上の注意点
Retry XMLHttpRequest Carefully
Ajax送信の歴史！fetch、axios、jQuery、XMLHttpRequest
XMLHttpRequestでフォームに入力されたデータを送信する | GRAYCODE JavaScript
search.app
be-sevenday.com
newsdig.tbs.co.jp
www.sallowsl.com
hkmn.jp
satoyama0611.hatenablog.com