タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
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 で HTTP リクエストを行うための組み込みのブラウザオブジェクトです。 名前に “XML” という用語を含んでいますが、XML 形式だけでなくあらゆるデータ扱うことができます。ファイルをアップロード/ダウンロードしたり、進捗の追跡など様々なことができます。 現在は XMLHttpRequest を若干非推奨とする、よりモダンなメソッド fetch があります。 モダンweb開発では、XMLHttpRequest は次の3つの理由で使われることがあります。: 歴史的な理由: XMLHttpRequest をもつ既存のスクリプトをサポートする必要がある場合 古いブラウザをサポートする必要があるが、 polyfill は使いたくない(e.g. スクリプトのサイズを小さくしたい)場合 fetch がまだできないことをしたい場合. e.g ア
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)
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
JavaScript | XMLHttpRequest()で別のjsファイルを読み込む方法 | 1 NOTES
Retry XMLHttpRequest Carefully
Ajax送信の歴史！fetch、axios、jQuery、XMLHttpRequest
XMLHttpRequestでフォームに入力されたデータを送信する | GRAYCODE JavaScript
zenn.dev/jtechjapan_pub
sindan-navi.net
tamavege-sanpo.hatenablog.com
magazine.sapporo.travel
anond.hatelabo.jp
profile.hatena.ne.jp