「JavaScript/XMLHttpRequest」の版間の差分

削除された内容 追加された内容
Ef3 (トーク | 投稿記録)
→‎サンプルコードおよび前提の解説: 完全なHTML5に書き直し。
タグ: 2017年版ソースエディター
Ef3 (トーク | 投稿記録)
タグ: 2017年版ソースエディター
2 行
{{Wikipedia|XMLHttpRequest}}
'''XMLHttpRequest''' ('''XHR''') とは、ウェブサーバと通信を行うためのJavaScriptのオブジェクトです。
 
== fetch API ==
Ajax/XMLHttpRequestは、古くから使われている技術ですが、すでにAjax/XMLHttpRequestの欠点や問題点を解消した fetch API がモダンブラウザに実装されているので、新しく覚えるあるいは新規にコードを起こす場合は、Ajax/XMLHttpRequestではなく、 fetch APIを使うべきです。
 
fetch APIを使うと、下記のようなawait async promiseを使って非同期な並行・並列処理をメソッドチェインで簡素に表現できます。
;fetch.html:<syntaxhighlight lang="html5" line>
<!DOCTYPE html>
<html>
<head>
<title>fetch API</title>
<script>
fetch('./hello.txt')
.then(response => response.text())
.then(data => document.body.innerHTML += `<div>${data}<\/div>`)
</script>
</head>
<body>
<h1>XMLHttpRequest</h1>
</body>
</html>
</syntaxhighlight>
 
== Ajax ==
9 ⟶ 30行目:
 
<!-- Feetch API を紹介したいが、その前に PROMISE の解説を書く必要がある -->
 
== XMLHttpRequest ==
=== サンプルコードおよび前提の解説 ===