[生活コード]Ajax-文章リスト(1/2)

データ、論理/データおよびアプリケーションの区別
データの特徴-変更できます.

データ変更によるアプリケーションの変更を回避するために、アプリケーションを分離します.これにより,ユーザが勝手に修正した場合に発生する事故を防止し,入力内容の観点からどこに入力するかを明確にすることができる.

リストという名前のファイルを取得し、その内容を#navに挿入

<script>
	 fetch('list').then(function(response) {
        response.text().then(function(text) {
          document.querySelector('#nav').innerHTML = text
      })
    })
</script>

結果

リストファイルに追加した後

結果 追加したリストが出てきました